HTML(超文本标记语言)是用于在Internet上显示Web页面的主要标记语言
换句话说,网页由 HTML 组成,用于通过 Web 浏览器显示文本,图像或其他资源。所有 HTML 都是纯文本,这意味着它不是编译的,可以由人类阅读。HTML 文件的文件扩展名为.htm 或.html。
主要的HTML标签的语法、语义、属性。
声明必须是 HTML 文档的第一行,位于 标签之前。
例如
- [/code]表示为html5文档。
- 注释标签用于在源代码中插入注释。注释不会显示在浏览器中。
- 例如
- [list][*][*][*][/list][code]
复制代码 此元素可告知浏览器其自身是一个 HTML 文档。
与 标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。正如您所了解的那样,文档的头部由 标签定义,而主体由 标签定义。
属性:
manifest 定义一个 URL,在这个 URL 上描述了文档的缓存信息。
xmlns 定义 XML namespace 属性。
例如
- [/code][code] 这里是文档的主体 ... ...
复制代码
标签用于定义文档的头部,它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
body 元素定义文档的主体。
body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
元素可定义文档的标题。
浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。
元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。
属性:
charset:定义文档的编码方式。
content:定义与name、http-equiv属性相关的信息。
name: 定义了HTML文档的描述、关键词和作者等,属性值为discription,keywords,author,generator,application-name.
例如
- [/code]网页描述为“免费web教程”
- http-equiv 属性在 标签相当于HTTP的头文件,向浏览器传递有用的信息,属性名为content-type,default-style,refresh。
- [list][*][/list][code]
复制代码 网页30秒钟刷新一次。
简单网页示例
- [/code]
- 标签包含了 HTML 文档的样式详细
- 属性:
- type规定样式表的 MIME 类型。具体属性值可查询https://www.w3cschool.cn/htmltags/att-style-media.html
- [list][*][*][*][/list][code]
复制代码- [/code]定义段落字体颜色为红色
- 属性media 属性规定目前资源是为何种媒介/设备优化的。
- [list][*][*][/list][code]
复制代码- [/code]为计算机屏幕优化
- 标签定义文档与外部资源的关系。
- 标签最常见的用途是链接样式表。
- 属性:
- rel :规定当前文档与被链接文档之间的关系。
- href:规定被链接文档的位置。
- hreflang:义被链接文档中文本的语言定
- media :规定被链接文档将显示在什么设备上。
- sizes :规定被链接资源的尺寸。仅适用于 rel="icon"。
- type :规定被链接文档/资源的MIME 类型。只有当设置了 href 属性时,才能使用该属性。
- [list][*][*][*][/list][code]
复制代码 标签用于定义客户端脚本,比如 JavaScript。
script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。
属性:
src :规定外部脚本文件的 URL。
type :规定脚本的 MIME 类型。
charset :规定在外部脚本文件中使用的字符编码。
defer :规定应该等待所有HTML文档解析完成以后,再判断js脚本是否执行。
async :规定一旦脚本可用,则会异步执行。
- [/code][code]document.write("Hello World!")
复制代码- [/code]
- noscript 元素用来定义在脚本未被执行时的替代内容(文本)。
- 此标签可被用于可识别 标签但无法支持其中的脚本的浏览器。
- to
- - 标签可定义标题。 定义最大的标题。 定义最小的标题。
- [list][*][*][*][*][*][*][/list][code]这是标题 1
复制代码 标签定义段落。
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定
- 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属性存在时使用。
标签定义了一个容器用来在页面中嵌入内容,比如插件。
属性:
src:规定被嵌入内容的 URL。
type:规定嵌入内容的MIME类型。
height:规定嵌入内容的高度。
width:规定嵌入内容的宽度。
- [/code]
- 标签用于包含引用对象。
- date :规定资源对象使用的URL。
- name:规定对象名称
- type:规定date属性中引用对象的MIME类型。
- height:规定对象高度。
- width:规定对象宽度。
- [list][*][/list][code]
复制代码 标签为包含它的 标签定义参数。
属性:
name:定义参数的名称(用在脚本中)。
value:描述name的参数值。
标签表示一个缩写形式。abbreviation
网页页面将显示缩写词,当鼠标悬停在缩写词上时将显示完整内容。
标签用于表示地址、签名或者文档作者信息。
链接一个CSS层叠样式表
|
|