html简介
HTML的英文全称是Hypertext Marked Language，中文叫做“超文本标记语言”。一个HTML文件不仅包含文本内容，还包含一些标签，用来标记文档内容，以便在浏览器中正确显示。
整个HTML文档由以下个部分组成
<！doctypehtml>
文档类型声明 告诉浏览器使用的语法
<html></html>
包含了整个页面的内容
<head></head>
包含页面描述，css样式等，但不会被用户看到
<body></body>
包含整个文档的内容
<title></title>
设置页面的标题，显示在浏览器标签上
标签
标签分为三种：
- 块级元素
- 行内元素
- 行内块元素
这三种标签可以相互转换。
块级元素
块级元素占据一整行空间，浏览器会在块级元素前后另起一行。
常用的块级元素
1.div
含义：页面内容的一个独立组成部分。
常见的用途有三种：1）划分页首、页尾、页边栏或导航栏等等；2）表示页面的分栏；3）将文章进一步分成几个部分，比如正文、评论、文章的元数据等等。
<div>导航栏</div>
2.h1 - h6
HTML共有六级标题，从h1到h6，h1在一个页面只能出现一次，其他可以出现多次。
<h1>标题</h1>
3.p
表示段落，p与div的区别是前者表示文本段落，后者表示更广义的段落。
<p>这是段落</p>
4.表格元素 table
表格由 <table> 标签来定义。表格的表头使用 <th> 标签进行定义。
每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。
<table>
<tr>
<th>姓名</th>
<th>性别</th>
</tr>
<tr>
<td>小明</td>
<td>男</td>
</tr>
<tr>
<td>小红</td>
<td>女</td>
</tr>
效果
5.列表
列表分为有序列表，无序列表，自定义列表。
无序列表
是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表始于 <ul> 标签。每个列表项始于 <li>。
<ul>
<li>吃饭</li>
<li>睡觉</li>
</ul>
无序列表
有序列表
有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
<ol>
<li>吃饭</li>
<li>睡觉</li>
</ol>
有序列表
定义列表
自定义列表不仅仅是一列项目，而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<dl>
<dt>喜大普奔</dt>
<dd>喜大普奔（xǐ dà pǔ bēn），也作“普大喜奔”，网络用语，是喜闻乐见、大快人心、普天同庆、奔走相告的缩略形式。</dd>
</dl>
定义列表
常用的行内元素
1.a
与href属性搭配使用时，链接至外部链接，或者同一页的某个锚点。将href中内容换成#，将会跳转到页面顶部。
<a href="www.baidu.com">百度</a>
同时链接也有几个属性
title
加入title属性后鼠标放在链接上会显示title的内容。
<a href="www.baidu.com" title = "最大的中文搜索引擎">百度</a>
target
将target设置成_blank时,将会打开一个新的页面。
<a href="www.baidu.com" title = "最大的中文搜索引擎" target = "_blank">百度</a>
要将链接定义到文档内部，<a> 的 href 要对应文档内某个元素的 id（id 的值在文档内要唯一）。
<a href="#email链接">Email链接</a>
2.abbr
表示内容是某个术语或短语的缩写形式，它有一个title属性，用来指明缩写所代表的原始词组。
<abbr title="English">Eng</abbr>
3.em
表示强调
<em>强调</em>
4.strong
表示比em更强烈的强调
<strong>比em还强烈</strong>
5.span
用来标识其他标签不适合表示的内容，是一个通用型的行内标签。
6.img
在文档中加入图片，图片有两个属性，scr-图片的出处，alt-替换文本，也就是当图片加载不出来时才能出现的文本内容
<img scr = "图片的出处" alt = "替换文本">
表单元素
HTML 表单用于搜集不同类型的用户输入。
<form>
........
</form>
<form>有两个重要的属性，action和method,method又有两种方式，get和post。
action
表单提交的地址
method
表单提交的方法
get：把表单里所有信息组装起来，拼接成url
post：url无变化
一般在取数据时用get，传数据是用post，post比get安全性高。
HTML 表单包含表单元素。
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
<input>元素
<input>有很多不同的形态，根据type的属性而定
“type = text" : 文本输入框，可以输入文字，并展示出来，是单行.
<form>
First name:
<input type="text" name="firstname">
Last name:
<input type="text" name="lastname">
</form>
text
"type = password":输入东西的时候，页面默认使用圆点展示
请输入密码：<input type="password" >
password
"type = placeholder":输入框提示
用户名：<input type="text" placeholder = "请输入用户名" >
placeholder
"type = radio": 单选按钮。
需要注意的是，单选按钮必须设置相同的name属性才可以。
<input type="radio" >男
<input type="radio" >女
radio
type = checkbox:复选框
定义复选框，如果要在后台显示哪个框被选中，需要设置value的值，value的值对应选中的复选框，name的值为某类复选框的名称。
<input type="checkbox" name="hobby" value="read">读书
<input type="checkbox" name="hobby" value="sing">唱歌
type = file:上传文件
有accept属性，作用为规定上传文件的格式。
<input type="file" accept="png">
file
<label>
<label> 标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
<form>
<label for = "username">用户名</label>
<input type="text" id = "username">
<label for = "password">密码</label>
<input type="password" id = "password">
</form>
点击文字描述就会选中对应密码框
按钮
<input type="submit">定义用于向表单处理程序（form-handler）提交表单的按钮。
<input type="submit">
下拉菜单
<select> 元素定义下拉列表，默认选择的项目加上selected。
<select>
<select name="cars">
<option value="">宝马</option>
<option value="">奔驰</option>
<option value="">五菱宏光</option>
</select>
<textarea> 元素
<textarea> 元素定义多行输入字段（文本域）：
<textarea name="message" rows="10" cols="30">
The cat was playing in the garden.
</textarea>
网友评论