1.什么是HTML HTTP(HyperText Markup Language)不是一种编程语言 而是一种标记语言 2.HTML文档
My First Html
hello
**2.HTML元素** (1)块级元素(Block Elememts):独占一行空间,用来布局段落,列表,导航菜单,脚注等结构,不要将块级元素嵌套在行内元素中。(div,p(上下margin16px,左右margin为0),h1~h6 ) (2)行内元素(line Elements):与其他元素共占一行空间,一般被嵌套在块级元素中,通常作为段落的一部分出现(span,strong,b,em,i,u)。 (3)空元素(Empty elements ):只包含单个标签,如
(4)替代元素(replace elements):
,,,,,, **3.HTML属性(attributes)** 1)核心属性:id唯一标识 class 标识一类元素 style:样式 title:标题 **4.HTML语法:** 1)空白:在文档中无论出现多少个空白或者换行,浏览器解析为一个空白 2)实体:在HTML中,某些字符是预留的。空格 小于号<大于号>"" 3)注释:注释会被浏览器忽略而不被解析。
**5.HTML标签:** 1.
段落
2.h1~h6(标题) 3.其他文本类型
强调,内容更为有用 加粗 意为强调,突出文章重点,倾斜效果 斜体 下划线 上划线 下划线 4.列表 有序列表ol 子元素li,序号默认从1开始 start属性规定有序列表的起始值 reversed属性规定列表顺序为倒序 type属性规定在列表中使用的标记 类 型(disc,square、circle) 无序列表ul 子元素li type 属性规定在列表中使用的标记类型,取值disc、square、circle等。不推荐使用该 属性,之后用css样式实现。 列表dl 子元素dt:标题 子元素dd:列表项 5.超链接:超链接可以允许我们从当前文档链接到任意其他文档(其他资源),也可以链接 到文档的某个特定部分。 _self(在当前选项卡打开页面) _blank(在新选项卡打开页面) 6.图片 src表示图片的地址 alt表示替换图片的文本内容 当url 地址解析错误时,会显示出来 7.表格 •align 表格应该如何在文档中对齐,可以取值: left,center,right •border 设定表格边框特性,取整数为值,单位为px •cellpadding 设定内容与单元格之间的距离 •cellspacing 设定单元格与单元格之间的距离 •width 设定表格的宽度 •bgcolor 设定表格的背景色 •caption 表示表头,包含了以及表示表格的表体,包含了很多 tfoot
表示表格的标题信息 •colgroup 列分组 thead
tbody
表示表脚,包含了对表的总结信息 tr 表示表格的行,可以包含定义一个表中的一组列, 只能作为table的子元素,位于 定义一个表中的列,并用于在所 有公共单元上定义通用语义,经常作 为元素的子元素。 span跨列数,即规定有几列可以作为同一 列 **6.HTML5新特性 新标签** 1.header
是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面 内的一个内容区块的标题,但也可以包含搜索表单或logo。 2.nav
是一个可以用作页面导航的链接组,其中导航元素链接到其他页面或当前页 面的其他部分。 3.article
代表文档,页面或应用程序中 独立的,完整的,可以独自被外部引用 的内容,也可以嵌套使用。可以是一篇 博客或者报刊中的文章,一篇论坛帖子 ,一段用户评论或者独立的插件,或其 他任和独立的内容。 4. section
作为Html文档独立的功能。 5.aside
元素用来表示当前页面或文章的附属信息部分,它可以包含当前页面或主 要内容相关的引用,侧边栏,广告,导航条,以及其他类型的有别于主要内容的 部分。 5. footer 6.
元素作为其上层父级内容区块或是一个根区块的脚注。footer通常包括其 相关区块的脚注信息,如作者,相关阅读连接以及版权信息等。与header类似, 一个页面中也未限定footer元素的个数。 7. address 8.
元素用来在文档中呈现联系信息,包括文档作者或文档维护者名字,他 们的网站链接,电子邮箱,真实地址,电话号码,以及跟文档相关的联系人的所 有联系信息。 9. figure& figcaption figure元素是一种元素的组合,带有可选标题,figure元素用来表示网页上一块独 立内容,将其从网页上移除后不会对网页上的其他内容产生任何影响,figure元素 所表示的内容可以是图片,统计图或代码示例,也可以是音频插件,视频插件, 统计表格等。figcaption元素表示figure元素的标题,它从属于figure元素,必须书 写在figure元素内部。一个figure元素内最多只允许放置一个figcaption元素,但是 允许放置多个其他元素。 10. details details元素是一种用于标识该元素内部的子元素可以被展开,收缩显示的元素。 details元素内并不仅限于放置文字,也可以放置表单,插件或对于一个统计图提供 的详细数据表格。 nopen属性 当该属性值为true时,该元素内部的子元素应该被展开显示;当该属性的值为false 时,其内部的子元素应该被收缩起来不显示。默认值为false 11. summary子元素 summary元素从属于details,用鼠标单击summary元素中的内容文字时,details 元素中的其他所有从属元素将会展开或收缩。如果details元素内没有summary元 素,浏览器会提供默认文字(详细信息)以供单击。
, 元素 表格 td/th 表示表格用来包含数据的单元格。 常用于表头单元格,th单元格内的 内容有居中加粗的效果。 属性 colspan 跨列数 rowspan 跨行数 width 宽度,当宽度太窄以至于无法正确显示单元格内容时,在页面显示的 时候会适当的调整 colgroup
元素后,其他元素之前。 col