一:HTML简介
-
HTML
- HTML值得是超文本标记语言,不是一种编程语言,是用来描述网页的一种标记语言。
- 标记语言是一套标记标签,HTML使用标记标签来描述网页。
-
HTML标签
- 标签组成:标签名,属性名(名称值对的形式),内容。
- 标签是由尖括号包围的关键词,通常成对出现
- 标签中的第一个标签是开始标签,第二个标签是结束标签
-
HTML文档
- HTML文档描述网页
- 包含HTML标签和纯文本
- HTML文档也称为网页
二:HTML元素
-
HTML语法
- 以开始标签起始,以结束标签终止
- 元素的内容是开始标签与结束标签之间的内容
- 某些HTML元素具有空内容
- 空元素在开始标签中进行关闭
- 大多数html元素可拥有属性
-
HTML标签元素
- <p> </p>段落元素。定义文档中的一个段落
- <body>定义了HTML文档的主题
- <hr>创建水平线
- <h1>-<h6>进行标签定义
- <!-- -->html注释
- <html>元素:定义了整个HTML文档
- 没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的
- <br>就是没有关闭的空元素(</br>关闭)
-
HTML属性
属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。属性值和属性值对大小写不敏感
在HTML4推荐标准中小写的属性/属性值,而新版本的(X)HTML要使用小写属性。
-
HTML样式
- <background-color>定义了背景颜色
- align:设置对其方式
- font-family:字体设置,color:颜色,font-size:字体尺寸
- style属性的作用:提供了一种改变所有HTML元素的样式的通用方法(HTML4引入的)
- 在HTML4中,有若干的标签和属性是被废弃的,在未来的版本的HTML和XHTML中将不在支持这些标签和属性
HTML格式化
- 文本格式化
- <b></b>加粗,是实体标签
- <strong></strong> 强调标签中的内容,是web标准中的的标签,“强调”可以用加粗来强调,也可以用其他方式来强调,比如下划线等等,可以通过css来改变strong的具体表现。
- <big></big>标签之间的文字其字体比其周围的文字要大一号,但是如果这个文字已经是最大字体了则不起作用
- <em></em>斜体显示强调标记
- <i></i>字体倾斜
- <small></small>标记定义小型文本
- <sup></sup>定义上标
- <sub></sub>定义下标
- 预格式文本
- <pre></pre>元素中的文本通常会保留空格和换行符,而文本也会呈现等宽字体(保留文本格式)
- 计算机输出标签(这些标签通常用于显示计算机/编程代码)
- <code></code>
- <kbd></kbd>定义键盘文本。它表示文本是从键盘上键入的
- <tt></tt>
- <samp></samp>定义样本文本
- <var></var>定义变量
- 地址
- <address></address>在HTML中显示地址
- 文字方向
- <bdo dir="rtl"> </bdo>文字从右向左输出
- 块引用
- <blockquote> 这是长的引用,浏览器会插入换行和外边距</blockquote>浏览器会缩进
- <q>这是短的引用,浏览器没有任何特殊的呈现</q>浏览器会加上双引号
- 删除字效果和插入字效果
- <del></del>
- <ins></ins>
三:HTML CSS
-
样式
- 外部样式
- 内部样式
- 内联样式
-
链接
- <a href="" target=""></a>
-
图片
- <img src="" >
-
表格
- <table> <tbody><tfoot>
- <td> <th>
-
列表
- 有序列表:<ul><li></ul>
- 无序列表:<ol><li></ol>
- 定义列表:<dl><dt></dt><dd></dd><dt></dt><dd></dd></dl>
-
块元素
- div,span