HTML如果属性值包含多个字母,HTML笔记

语法

1、标签必须闭合。

2、一个标签中可包含一个或多个属性值。

3、标签可以嵌套,嵌套的标签闭合时按照顺序进行。

4、注释:

书写规范

1、属性值使用小写字母

2、属性值放在双引号内

3、标签的嵌套统一缩进

元素

文档元数据

元数据(Metadata)含有页面的相关信息,包括样式、脚本及数据,能帮助一些软件 (如搜索引擎, 浏览器等等)更好地运用和渲染页面。对于样式和脚本的元数据,可以直接在网页里定义,也可以链接到包含相关信息的外部文件。

head

规定文档相关的通用信息(标题、样式、脚本的链接等)

link

指定外部资源与当前文档的关系。经常用来链接CSS文件。

style

包含了文档的样式化信息或文档的一部分,通常是CSS的格式

tittle

定义文档的标题,显示在浏览器的标题栏或标签页上,只能包含文本。

base

指定文档中所有链接地址的基础URL。一个文档最多只能有一个元素

meta

用来表示那些不能由其它HTML元相关元素(,,

内容分区

内容分区元素允许你将文档内容从逻辑上进行组织划分。使用包括页眉(header)、页脚(footer)、导航(nav)和标题(h1~h6)等分区元素,来为页面内容创建明确的大纲,以便区分各个章节的内容。

address

HTML 的

元素为它最近的或者祖先元素提供联系信息。在后一种情况下,它应用于整个文档。

article

元素表示文档、页面、应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构,如在发布中,它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目。

aside

元素表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。其通常表现为侧边栏或者嵌入内容。他们通常包含在工具条,例如来自词汇表的定义。也可能有其他类型的信息,例如相关的广告、笔者的传记、web 应用程序、个人资料信息,或在博客上的相关链接。

footer

HTML 元素表示最近一个章节内容或者根节点(sectioning root )元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。

h1~h6

6级标题

header

元素表示一组引导性的帮助,可能包含标题元素,也可以包含其他元素,像logo、分节头部、搜索表单等。

hgroup

HTML Element (HTML Headings Group Element) 代表一个段的标题。它规定了在文档轮廓里(the outline of the document )的单一标题是它所属的隐式或显式部分的标题。

nav

HTML导航栏 () 描绘一个含有多个超链接的区域,这个区域包含转到其他页面,或者页面内部其他部分的链接列表.

section

HTML Section 元素 () 表示文档中的一个区域(或节),比如,内容中的一个专题组,一般来说会有包含一个标题(heading)。一般通过是否包含一个标题 (

-

element) 作为子节点 来 辨识每一个。

文本内容

dl(自定义列表)

HTML

dt

HTML

元素 (或 HTML 术语定义元素)用于在一个定义列表中声明一个术语。该元素仅能作为
元素, 然而,多个连续出现的
元素都将由出现在它们后面的第一个
元素定义。

dd

HTML

元素(HTML 描述元素)用来指明一个描述列表 (
元素。

div

HTML

元素 (或 HTML 文档分区元素) 是一个通用型的流内容容器,它在语义上不代表任何特定类型的内容,它可以被用来对其它元素进行分组,一般用于样式化相关的需求(使用 class 或 id 特性) 或者对具有相同特性的一组元素进行分组 (比如 lang),它应该在没有任何其它语义元素可用是才使用 (比如 或 ) 。

ol(有序列表)

HTML

  1. 元素 表示多个有序列表项,通常渲染为有带编号的列表。

ul(无序列表)

The HTML

  • 元素 ( 或 HTML 无序列表元素) 代表多项的无序列表,即无数值排序项的集合,且它们在列表中的顺序是没有意义的。通常情况下,无序列表项的头部可以是几种形式,如一个点,一个圆形或方形。头部的风格并不是在页面的HTML描述定义, 但在其相关的CSS 可以用 list-style-type 属性。

li

HTML

元素 (或者 HTML 列表条目元素) 用于表示列表里的条目。它必须被包含在一个父元素里:一个有顺序的列表(
  1. ),一个无顺序的列表(
  • ),或者一个菜单 (

hr

HTML 元素表示段落级元素之间的主题转换(例如,一个故事中的场景的改变,或一个章节的主题的改变)。在HTML的早期版本中,它是一个水平线。现在它仍能在可视化浏览器中表现为水平线,但目前被定义为语义上的,而不是表现层面上。

figure

HTML

元素代表一段独立的内容, 经常与说明(caption)
配合使用, 并且作为一个独立的引用单元。当它属于主体(main flow)时,它的位置独立于主体。这个标签经常是在主文中引用的图片,插图,表格,代码段等等,当这部分转移到附录中或者其他页面时不会影响到主体。

figcaption

HTML

元素 是与其相关联的图片的说明/标题,用与描述其父节点
元素里的其他数据。这意味着
块里是第一个或最后一个。同时 HTML Figcaption 元素是可选的;如果没有该元素,这个父节点的图片只是会没有说明/标题。

main

HTML Main元素()呈现了文档或应用的主体部分。主体部分由与文档直接相关,或者扩展于文档的中心主题、应用的主要功能部分的内容组成。这部分内容在文档中应当是独一无二的,不包含任何在一系列文档中重复的内容,比如侧边栏,导航栏链接,版权信息,网站logo,搜索框(除非搜索框作为文档的主要功能)。

p

HTML

元素(或者说 HTML 段落元素)表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本,或以垂直的空白隔离或以首行缩进。另外,

是块级元素。

pre

HTML

 元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排,以等宽字体的形式展现出来,文本中的空白符(比如空格和换行符)都会显示出来。(紧跟在 
 开始标签后的换行符也会被省略)

内联文本语义

多媒体

视频

video

使用标签插入视频:

以上代码中,autoplay表示打开视频页后自动播放,loop表示循环播放,controls使视频拥有控制栏,poster给视频一个封面图。

表格

table

表格名称

定义一组表格列头的行

定义表格主体

定义表格的页脚

tr

定义表格的行。

饮料列表

序号名称备注

1加多宝

2可口可乐

这三个单元格合并了(横向)

注:可以使用跨行合并单元格(纵向)

实体字符

显示结果

描述

实体

编号

空格

 

 

<

小于号

<

<

>

大于号

>

>

&

和号

&

&

引号

"

"

撇号

' (IE不支持)

'

©

版权符号

©

©

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值