什么是 HTML？
HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的，HTML是超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言，而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
HTML 标签
每个网页都会有一个基本的结构标签，称为骨架标签，页面内容都是在骨架的基础上写的
- HTML 标签是由尖括号包围的关键词，比如 <strong>（加粗）；
- HTML标签通常是成对出现的，称为双标签，比如 <body> </body>、<head></head>等；
- 两个标签中的前面标签是开始标签，后面标签是结束标签；
- 开始和结束标签也被称为开放标签和闭合标签。
- 常用标签： a、本格式化标签： 粗体、斜体、下划线等效果。strong 、em、del、ins
b、标题标签：h1~h6(head)，依据重要性依次降低
c、段落标签：p 特点：会根据浏览器大小自动换行段落之间会有一个较大的空隙
d、换行标签：<br/>（是个单标签）
HTML 结构
1、<!DOCTYPE>
文档类型声明抱歉，作用就是告诉浏览器用哪一种html版本来显示（html4、html5、xml）
使用html5显示文件；必须写在第一行，不是html标签。
2、lang="en"语言种类：en-英语、zh-CN 中文 ，其实在文档中可以写中文或英文但是对浏览器和搜索引擎有用（翻译、搜索范围）
其他属性
1、alt 替换文本（图片显示不出来的时候显示）
2、title 提示文本(鼠标放到图片上显示)
3、width:图像的宽度、单位像素
4、height:图像的高度 单位像素
5、border:图像边框的粗细
注：多个属性可以同时写必须写在标签后面，用空格分开属性采用键值对的方式书写，格式：键 ="值"。
表格标签
要作用：展示数据
基本语法：
<table>
<tr>
<td></td>
</tr>
</table>
table表示表格
tr定义行
td定义单元格
表头单元格标签<th></th>(包裹在tr中)，文字会加粗居中显示
表格相关属性（后续通过css设置）：
1、align="center"
2、border="1"/""边框
3、cellpadding = "1" 单元格边和内容之间的距离
4、cellspacing="2"单元格与单元格之间的距离
5、width="100" height="500"表格的宽度和高度
无序列表
<ul>
<li></li>
<li></li>
</ul>
自带的样式可以使用css去除掉
有序列表
<ol>
<li></li>
<li></li>
</ol>
自定义列表
<dl>
<dt>被描述的对象</dt>
<dd>描述1</dd>
<dd>描述2</dd>
</dl>
表单：填写信息
表单由三个部分组成：表单域、表单控件（表单元素）、提示信息
表单域：form
action:表单提交到哪里(url地址，服务器)
method:提交的方式
name:表单的名称，用于区分表单域
表单控件：
input（单标签）
type属性：
button
checkbox
file
hidden
image
password
radio
reset
submit
text
button
name属性：用于区分表单元素
value属性：用于定义表单元素的值
主要给后台人员使用
checked: 是否选中
maxLength:输入字符的最大长度
label标签
为表单标签设置标注
语法：
<input type="radio" id="sex" ><label for="male">男</label>
select标签
<select>
<option selected="selected">1</option>
textarea
cols="每行的字符数"
rows="行数"
</select>
select
textarea
案列：
更多推荐
如何用HTML制作课程表
发布评论