搜索
首页web前端html教程html常用标签及属性

html常用标签及属性

Oct 22, 2019 pm 03:23 PM
html属性标签

html常用标签及属性

HTML中的标签及属性

HTML页面结构

标签 描述
定义文档类型。
定义 HTML 文档。
定义文档的标题。
定义文档的主体。

to

定义 HTML 标题。

定义段落。

定义简单的折行。

定义水平线。
定义注释。

表单

标签 描述
定义供用户输入的 HTML 表单。
定义输入控件。
定义多行的文本输入控件。
定义按钮。
定义选择列表(下拉列表)。
定义选择列表中相关选项的组合。
定义选择列表中的选项。
定义 input 元素的标注。
定义围绕表单中元素的边框。
定义 fieldset 元素的标题。
定义下拉列表。
定义生成密钥。
定义输出的一些类型。

框架

标签 描述
定义框架集的窗口或框架。
定义框架集。
定义针对不支持框架的用户的替代内容。
定义内联框架。

图像

标签 描述
html常用标签及属性 定义图像。
定义图像映射。
定义图像地图内部的区域。
定义图形。
定义 figure 元素的标题。
定义媒介内容的分组,以及它们的标题。

链接

标签 描述
定义锚。
定义文档与外部资源的关系。
定义导航链接。

列表

标签 描述
    定义无序列表。
      定义有序列表。
    1. 定义列表的项目。
      不赞成使用。定义目录列表。
      定义定义列表。
      定义定义列表中的项目。
      定义定义列表中项目的描述。
      定义命令的菜单/列表。
      定义用户可以从弹出菜单调用的命令/菜单项目。
      定义命令按钮。

      表格

      标签 描述
      定义表格
      定义表格标题。
      定义表格中的表头单元格。
      定义表格中的行。
      定义表格中的单元。
      定义表格中的表头内容。
      定义表格中的主体内容。
      定义表格中的表注内容(脚注)。
      定义表格中一个或多个列的属性值。
      定义表格中供格式化的列组。

      样式/节

      标签 描述
      定义文档的样式信息。
      定义文档中的节。
      定义文档中的节。
      定义 section 或 page 的页眉。
      定义 section 或 page 的页脚。
      定义 section。
      定义文章。
      定义页面内容之外的内容。
      定义元素的细节。
      定义对话框或窗口。
      元素定义可见的标题。

      员信息

      标签 描述
      定义关于文档的信息。
      定义关于 HTML 文档的元信息。
      定义页面中所有链接的默认地址或默认目标。
      不赞成使用。定义页面中文本的默认字体、颜色或尺寸。
      属性
      属性名 英文 英文含义 取值 应用场景
      src SouRCe 资源位置 资源的路径
      border border 边框 数字(像素)
      size size 尺寸 数字(像素)
      width width 宽度 数字(像素)
      height height 高度 数字(像素)
      bgcolor BackGround COLOR 背景颜色 颜色值:rea或#ffffff
      background background 背景图片 图片路径
      list-style list-style 设置列表的所有属性
      列表
      list-style-image list-style-image 将图像设置为列表项标记 None
      url
      列表
      list-style-type list-style-type 设置列表项标记的类型 Disc(实心圆)
      Cirle(空心圆)
      Square(实心方块)
      列表
      line-height line-height 行高(行间距) 数字(像素) 布局多行文本
      text-align text-align 对齐方式 Left、right、center 各种元素对齐
      letter-spacing letter-spacing 字符间距 数字(像素) 加大字符间间隔
      text-decoration text-decoration 文本修饰 Underline、none 加下划线、中划线等
      margin-top
      (right、bottom、left)

      外边距 数字(像素)
      padding-top
      (right、bottom、left)

      内边距 数字(像素)
      display display 改变块级元素与行内元素的默认显示方式 block(行变块)
      inline(块变行)
      none(该元素不显示在网页中)

      position position 定位 static(静态定位)
      relative(相对定位)
      absolute(绝对定位)
      fixed(固定定位)
      用于定位
      float float 浮动 None、left、right
      clear clear 处理浮动塌陷 left(清除左边浮动)
      right(清除右边浮动)
      both(清除两边浮动)
      none(不清除浮动)

      type type 列表类型 Disc(实心圆)
      Cirle(空心圆)
      Square(实心方块)
      用于列表
      align align 对齐 Left、right、center
      top、middle、bottom
      段落内容水平对齐文字与图片垂直对齐
      type type 表单元素类型 text(文本)
      checkbox(复选)
      radio(单选)
      password(密码)
      file(文件)
      submit(提交)
      reset(重置)
      button(按钮)
      image(图片按钮)
      hidden(隐藏)
      表单元素
      method method 表单数据的提交方式 get
      post

      alt alter 改变、替换(图片不显示时提示信息)
      图片
      cellpadding cell padding 单元格内边距 数字 表格
      cellspacing cell spacing 单元格之间距离 数字 表格
      href Hypertext REFerence 超文本引用(跳转到文件位置)

      rel RELationship 关系(用于定义链接的文件和HTML文档之间的关系) StyleSheet样式表 link链接一个文件时
      target target 目标(网页打开的位置) _blank(新窗口打开)
      _self(自身窗口打开)
      _top(以整个浏览器作业作为窗口显示新页面)
      _parent(在父窗口中打开新的页面)

      colspan COLumn span 单元格跨列 数字(跨的列数) 表格
      rowspan row span 单元格跨行 数字(跨的行数) 表格
      readonly read only 只读

      value value 输入框的初始值

      maxlength max length 最大长度

      scrolldelay scroll delay 滚动延时
      direction direction 方向(滚动方向)



      以上是html常用标签及属性的详细内容。更多信息请关注PHP中文网其他相关文章!

      声明
      本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
      HTML与CSS和JavaScript:比较Web技术HTML与CSS和JavaScript:比较Web技术Apr 23, 2025 am 12:05 AM

      HTML、CSS和JavaScript是构建现代网页的核心技术:1.HTML定义网页结构,2.CSS负责网页外观,3.JavaScript提供网页动态和交互性,它们共同作用,打造出用户体验良好的网站。

      HTML作为标记语言:其功能和目的HTML作为标记语言:其功能和目的Apr 22, 2025 am 12:02 AM

      HTML的功能是定义网页的结构和内容,其目的在于提供一种标准化的方式来展示信息。1)HTML通过标签和属性组织网页的各个部分,如标题和段落。2)它支持内容与表现分离,提升维护效率。3)HTML具有可扩展性,允许自定义标签增强SEO。

      HTML,CSS和JavaScript的未来:网络开发趋势HTML,CSS和JavaScript的未来:网络开发趋势Apr 19, 2025 am 12:02 AM

      HTML的未来趋势是语义化和Web组件,CSS的未来趋势是CSS-in-JS和CSSHoudini,JavaScript的未来趋势是WebAssembly和Serverless。1.HTML的语义化提高可访问性和SEO效果,Web组件提升开发效率但需注意浏览器兼容性。2.CSS-in-JS增强样式管理灵活性但可能增大文件体积,CSSHoudini允许直接操作CSS渲染。3.WebAssembly优化浏览器应用性能但学习曲线陡,Serverless简化开发但需优化冷启动问题。

      HTML:结构,CSS:样式,JavaScript:行为HTML:结构,CSS:样式,JavaScript:行为Apr 18, 2025 am 12:09 AM

      HTML、CSS和JavaScript在Web开发中的作用分别是:1.HTML定义网页结构,2.CSS控制网页样式,3.JavaScript添加动态行为。它们共同构建了现代网站的框架、美观和交互性。

      HTML的未来:网络设计的发展和趋势HTML的未来:网络设计的发展和趋势Apr 17, 2025 am 12:12 AM

      HTML的未来充满了无限可能。1)新功能和标准将包括更多的语义化标签和WebComponents的普及。2)网页设计趋势将继续向响应式和无障碍设计发展。3)性能优化将通过响应式图片加载和延迟加载技术提升用户体验。

      HTML与CSS vs. JavaScript:比较概述HTML与CSS vs. JavaScript:比较概述Apr 16, 2025 am 12:04 AM

      HTML、CSS和JavaScript在网页开发中的角色分别是:HTML负责内容结构,CSS负责样式,JavaScript负责动态行为。1.HTML通过标签定义网页结构和内容,确保语义化。2.CSS通过选择器和属性控制网页样式,使其美观易读。3.JavaScript通过脚本控制网页行为,实现动态和交互功能。

      HTML:是编程语言还是其他?HTML:是编程语言还是其他?Apr 15, 2025 am 12:13 AM

      HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1)htmlStructures andFormatSwebContentusingtags.2)itworkswithcsssforstylingandjavascript for Interactivity,增强WebevebDevelopment。

      HTML:建立网页的结构HTML:建立网页的结构Apr 14, 2025 am 12:14 AM

      HTML是构建网页结构的基石。1.HTML定义内容结构和语义,使用、、等标签。2.提供语义化标记,如、、等,提升SEO效果。3.通过标签实现用户交互,需注意表单验证。4.使用、等高级元素结合JavaScript实现动态效果。5.常见错误包括标签未闭合和属性值未加引号,需使用验证工具。6.优化策略包括减少HTTP请求、压缩HTML、使用语义化标签等。

      See all articles

      热AI工具

      Undresser.AI Undress

      Undresser.AI Undress

      人工智能驱动的应用程序,用于创建逼真的裸体照片

      AI Clothes Remover

      AI Clothes Remover

      用于从照片中去除衣服的在线人工智能工具。

      Undress AI Tool

      Undress AI Tool

      免费脱衣服图片

      Clothoff.io

      Clothoff.io

      AI脱衣机

      Video Face Swap

      Video Face Swap

      使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

      热工具

      ZendStudio 13.5.1 Mac

      ZendStudio 13.5.1 Mac

      功能强大的PHP集成开发环境

      mPDF

      mPDF

      mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),

      SublimeText3 Mac版

      SublimeText3 Mac版

      神级代码编辑软件(SublimeText3)

      PhpStorm Mac 版本

      PhpStorm Mac 版本

      最新(2018.2.1 )专业的PHP集成开发工具

      Dreamweaver CS6

      Dreamweaver CS6

      视觉化网页开发工具