HTML标签定义和使用

论坛 期权论坛 期权     
HelloWorld首席工程团   2019-6-10 03:56   1775   0
HTML(超文本标记语言)是用于在Internet上显示Web页面的主要标记语言
换句话说,网页由 HTML 组成,用于通过 Web 浏览器显示文本,图像或其他资源。所有 HTML 都是纯文本,这意味着它不是编译的,可以由人类阅读。HTML 文件的文件扩展名为.htm 或.html。
        主要的HTML标签的语法、语义、属性。

声明必须是 HTML 文档的第一行,位于  标签之前。
例如
  1. [/code]表示为html5文档。
  2. 注释标签用于在源代码中插入注释。注释不会显示在浏览器中。
  3. 例如
  4. [list][*][*][*][/list][code]
复制代码
  1. [/code][code]这是一段普通的段落。
复制代码
此元素可告知浏览器其自身是一个 HTML 文档。
与  标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。正如您所了解的那样,文档的头部由  标签定义,而主体由  标签定义。
属性:
manifest  定义一个 URL,在这个 URL 上描述了文档的缓存信息。
xmlns 定义 XML namespace 属性。
例如
  1. [/code][code]
复制代码
  1.   这里是文档的头部 ... ...
复制代码
  1.   ...
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]  这里是文档的主体 ... ...
复制代码
  1.   ...
复制代码
  1. [/code][code]
复制代码

标签用于定义文档的头部,它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

    body 元素定义文档的主体。
    body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)

元素可定义文档的标题。
浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。

元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。
属性:
charset:定义文档的编码方式。
content:定义与name、http-equiv属性相关的信息。
name: 定义了HTML文档的描述、关键词和作者等,属性值为discription,keywords,author,generator,application-name.
例如
  1. [/code]网页描述为“免费web教程”
  2. http-equiv 属性在  标签相当于HTTP的头文件,向浏览器传递有用的信息,属性名为content-type,default-style,refresh。
  3. [list][*][/list][code]
复制代码
网页30秒钟刷新一次。
简单网页示例
  1. [/code][code]
复制代码
  1.   
复制代码
  1.      
复制代码
  1.     HTML学习基础
复制代码
  1.    
复制代码
  1.   
复制代码
  1.     学习HTML的一个网站
复制代码
  1.     w3cschool
复制代码
  1.   
复制代码
  1. [/code]
  2. 标签包含了 HTML 文档的样式详细
  3. 属性:
  4. type规定样式表的 MIME 类型。具体属性值可查询https://www.w3cschool.cn/htmltags/att-style-media.html
  5. [list][*][*][*][/list][code]
复制代码
  1. p{color:red;}
复制代码
  1. [/code]定义段落字体颜色为红色
  2. 属性media 属性规定目前资源是为何种媒介/设备优化的。
  3. [list][*][*][/list][code]
复制代码
  1. [/code]为计算机屏幕优化
  2. 标签定义文档与外部资源的关系。
  3. 标签最常见的用途是链接样式表。
  4. 属性:
  5. rel :规定当前文档与被链接文档之间的关系。
  6. href:规定被链接文档的位置。
  7. hreflang:义被链接文档中文本的语言定
  8. media :规定被链接文档将显示在什么设备上。
  9. sizes :规定被链接资源的尺寸。仅适用于 rel="icon"。
  10. type :规定被链接文档/资源的MIME 类型。只有当设置了 href 属性时,才能使用该属性。
  11. [list][*][*][*][/list][code]
复制代码
  1. [/code][code]
复制代码
标签用于定义客户端脚本,比如 JavaScript。
script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。
属性:
src :规定外部脚本文件的 URL。
type :规定脚本的 MIME 类型。
charset :规定在外部脚本文件中使用的字符编码。
defer :规定应该等待所有HTML文档解析完成以后,再判断js脚本是否执行。
async :规定一旦脚本可用,则会异步执行。
  1. [/code][code]document.write("Hello World!")
复制代码
  1. [/code]
  2. noscript 元素用来定义在脚本未被执行时的替代内容(文本)。
  3. 此标签可被用于可识别  标签但无法支持其中的脚本的浏览器。
  4. to
  5. -  标签可定义标题。 定义最大的标题。 定义最小的标题。
  6. [list][*][*][*][*][*][*][/list][code]这是标题 1
复制代码
  1. 这是标题 2
复制代码
  1. 这是标题 3
复制代码
  1. 这是标题 4
复制代码
  1. 这是标题 5
复制代码
  1. 这是标题 6
复制代码
标签定义段落。
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定
  1. This is some text in a very short paragraph
复制代码
插入一个换行符

插入一条水平线

标签表示一个页面中的某个部分,目的是提供导航链接,并不是所有的 HTML 文档都要使用到  元素。 元素只是作为标注一个导航链接的区域。

标签用于定义超链接,作用是从一个页面链接到另一个页面。
属性:
href:定义链接地址URL。
rel:规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
download:指定下载链接。仅在href属性存在时使用。
hrflang:规定目标URL基准语言。仅在href属性存在时使用。
media:规定目标URL媒介类型。仅在href属性存在时使用。
target:规定在何处打开URL。仅在href属性存在时使用。
type:规定目标URL的MIME类型。仅在href属性存在时使用。
  1. w3cschool
复制代码
标签定义了一个容器用来在页面中嵌入内容,比如插件。
属性:
src:规定被嵌入内容的 URL。
type:规定嵌入内容的MIME类型。
height:规定嵌入内容的高度。
width:规定嵌入内容的宽度。
  1. [/code]
  2. 标签用于包含引用对象。
  3. date :规定资源对象使用的URL。
  4. name:规定对象名称
  5. type:规定date属性中引用对象的MIME类型。
  6. height:规定对象高度。
  7. width:规定对象宽度。
  8. [list][*][/list][code]
复制代码
标签为包含它的  标签定义参数。
属性:
name:定义参数的名称(用在脚本中)。
value:描述name的参数值。
复制代码
  1.    
复制代码
  1.   
复制代码
标签表示一个缩写形式。abbreviation
  1. 缩写词
复制代码
网页页面将显示缩写词,当鼠标悬停在缩写词上时将显示完整内容。

标签用于表示地址、签名或者文档作者信息。
  1. 地址、签名或者文档作者信息
复制代码
链接一个CSS层叠样式表
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:5
帖子:1
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP