1.Html

HTML

HTML是Hyper Text Markup Language的英文缩写,即超文本标记语言
HTML是大小写不敏感的

HTML实例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>lxy(http://www.codingcode.cn/)</title>
    </head>
    <body>
        <h1>我的第一个标题</h1>
        <p>我的第一个段落。</p>
    </body>
</html>

实例解析

<!DOCTYPE html>声明为 HTML5 文档
<html>元素是 HTML 页面的根元素
<head>元素包含了文档的元（meta）数据，如定义网页编码格式为 utf-8。
<title>元素描述了文档的标题
<body>元素包含了可见的页面内容
<h1>元素定义一个大标题
<p>元素定义一个段落
只有<body>区域才会在浏览器中显示。

常用标签

注释标签:
标题标签:<h1></h1>to<h6></h6>,<h1>最大,<h6>最小
水平线标签:<hr/>,在浏览器上显示一条水平线
字体标签:<font></font>,用来修饰文本的颜色、字体、大小
- <font color=’red’ size=’16px’ face=’楷体’></font>
  - 通过标签的color属性修饰文本的颜色，size属性修饰文本的大小，face修饰文本的字体
段落标签:<p></p>,修饰一段文本，被修饰的文本有段落与段落之间的间隔
文档主体标签:<body></body>
定义了HTML文档:<html></html>
换行标签:<br>or<br/>
斜体标签:<i></i>
加粗标签:<b></b>
下划线标签:<u></u>
下标标签:<sub></sub>
上标标签:<sup></sup>
链接标签:<a href="www.baidu.com">百度</a>
图像标签:<img src="/images/logo.png" width="258" height="39" />
特殊字符:在html中有些字符含有特殊的含义，比如<、>这些标签，他们并不能直接在页面显示。所以我们需要使用特殊字符,类似java中的转义字符。
-  :空格
- <:小于号(<)
- >:大于号(>)
- &:和号(&)
- ":引号(“)
- ':单引号(‘)
列表标签:
- <ul></ul>无序号的列表
- <ol></ol>有序号的列表
- <li></li>表示列表的一个列表项
- 使用格式：
  1
  2
  3
  <ul>
  <li>列表项</li>
  </ul>

表格标签:

<table></table>定义表格
<tr></tr>定义行
<td></td>定义列

使用格式：

<table>
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
</table>

框架标签:
- <frameset></frameset>标签定义框架的范围
- <frame src="top.html"/>代表一个框架
表单标签:
- <form></form>创建供用户输入的 HTML 表单
- 按钮标签:<input type="..."/>
- 下拉列表标签:
  - <select></select>创建下拉列表
  - <option value="选项的值">显示在页面中的值</option>定义了列表中的可用选项
- 文本区域:<textarea></textarea>
其他标签:
- <div></div>、<span></span>它们仅仅是用来封装数据，而对数据不做任何的样式效果的设置
- div+css用来对页面进行布局和划分
- span+css用来对数据进行样式的修饰