什么是html

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 和 
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页
HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容。

常用编辑器

notepad、editplus、sublimit、webstrom

注释

html基础

标题

<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>

html段落

加粗

回车

字体

规定文本的字体，尺寸，颜色
要设置的文字 
size: 12,13
color：red, blue, green, yellow,orange
face: 黑体,宋体，微软黑体

行内
行内
行内在一行显示,段落里面可以用过多个标签
span在样式中的时候才能现实其作用

超链接

<a href = "链接地址" target = "_blank">连接标志</a>
a标签支持http协议
标签target属性规定在何处打开链接文档
target ="_self" 默认是连接到本页
_blank 浏览器总在一个新打开，未命名的窗口中载入目标文档

链接到本页面
id = "xiang"
<a href = "#xiang">连接到本页的锚记点</a>
1. 首先创建一个锚链接的锚记点：<a href=“#锚记点名称”>主题名称</a>
2. 然后在具体要链接到的地方设置name:<a name=“锚记点名称”></a>（锚记点前面要加上#号）

图像

图像标签（<img>）和源属性（Src）
在 HTML 中，图像由 <img> 标签定义。
<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。
要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。
替换文本属性（Alt）
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
<img src = "image/mv1.jpg" alt = "美女" height = "1000" width = "400">
src = "url" 图片地址或者本地路径
alt = "美女" 当图片不显示时，显示的字
height = "400" 高
width = "400" 宽

特殊字符

空格：  
大于号： >
小于号： <
引号： "
&符号：&
版本号： ©

列表

无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表始于 <ul> 标签。每个列表项始于 <li>。

<ul type="disc/circle/square">
<li>列表项1</li>
<li>列表项2</li>
</ul>

有序列表

<ol type = "1/A/a/I/i">
<li>有序列表项1</li>
<li>有序列表项2</li>
</ol>

自定义列表

<dl>
<dt>自定义列表1</dt>
<dd>111111</dd>
<dd>222222</dd>
<dd>333333</dd>
<dt>自定义列表2</dt>
<dt>自定义列表3</dt>
</dl>

<dl>
<dt>自定义列表1</dt>
<dd>列表项111111</dd>
<dd>222222</dd>
<dd>333333</dd>
<dt>自定义列表2</dt>
<dt>自定义列表3</dt>
</dl>

表格

table标签：
border:表示边框的大小

<table border="1">
<tr>
<td>row(行1), cell(列1)</td>
<td>row(行1), cell(列1)</td>
</tr>
<tr>
<td>row(行2), cell(列2)</td>
<td>row(行2), cell(列2)</td>
</tr>
</table>

合并行时用: 后面的行就不用写女啦
<td rowspan="2">女</td>
合并列是用：

<td colspan="2">66 , 已婚</td>

<table border="1">
<thead>
<tr>
<th>IP</th>
<th>DNS BOOL</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.1.1.1</td>
<td>True</td>
</tr>
<tr>
<td>2.2.2.2</td>
<td>False</td>
</tr>
</tbody>
</table>

表单

表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素
文本：

<form>
username:<input type = "text" name = "username" />
<br />
password:<input type = "password" name = "password" />
<br />
<textarea cols="11" rows="10"></textarea>
</form>

单选

<form>
<input type = "radio" name = "sex" value = "男" />男
<br />
<input type = "radio" name = "sex" vulue = "女" />女
<br />
</form>

多选

<form>
<input type = "checkbox" name = "111" />1 <br />
<input type = "checkbox" name = "222" />2 <br />
<input type = "checkbox" name = "333" />3 <br />
<input type = "checkbox" name = "444" />4 <br />
</form>

下拉列表

disabled = "disabled" 禁用该下拉列表
size = "2" 下拉列表可见选项的数目

<form>
<select name = "list" disbaled = "disabled"size = "4">
<option>list1</option>
<option>list2</option>
<option>list3</option>
</form>

当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。

<form action = "html.do" method = "get">
username:<input tyep = "text" name = "username" />
<input type = "submit" value = "提 交" />
</form>

html简单介绍