<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>1111</title> </head> <body> </body> </html>
1.HTML是什么？
Hypertext Markup Language (超文本标记语言)
主要用来做页面的设计，通过这个语言编写的文件，要以.html或者.htm结尾
*html页面是由浏览器执行的
*html页面和浏览器都有自己的编码
*html页面的基本骨架
<html>
<head></head>
<body></body>
</html>
html 本身不用编译
html 是一个扩展性很强的语言，可以放如JavaScript等的脚本语言
浏览器本身有编码格式(英文不会出现乱码，中文会出现乱码)
ctrl+n 新建n++快捷键
ctrl+s 保存
ctrl+f 查找
2.浏览器
Chrome
firefox
safair
IE
*html的解释和渲染(渲染引擎)
*JavaScript的渲染引擎(js引擎)
把最终的页面显示给用户
学习html，其实就是学习标记
3.html常用标记
1)双标记
<标记名>内容</标记名>
允许嵌套，标记中使用标记
2)单标记
<属性名="值" 标记名/>
浏览器识别所有的单标记，单标记里的尾标记"/"不加也没事
补充：html中注释的写法
<!--注释的内容-->
3)文档声明 html4 和html5 我们使用html5
3.1标签的介绍
h1~h6 标题标记
p 段落标签
font 字体标签,对字体进行单独设置
ul+li (unordered list) 无序列表 组标记，列表
ol+li (ordered list) 有序列表
dl+dt
img 图片 width height
a 链接 ->锚点
step1：定义锚点，在节点处添加name或者id属性
step2：在链接的href属性中赋值为#锚点名
name="#锚点名"
table 表格
tr (trows行)
td (列)
属性：
width：设置表格的宽度
border：设置表格边框
cellpadding:设置一列边框和内容之间的距离
cellspacing：设置两列之间的距离
align:center 表格居中
需要表格的文字对齐时，使用style属性
style="text-aglin:center"
tr上常用属性：
bgcolor: 设置背景色
aglin: 设置文本对齐方法
td上的常用属性
colspan:同一行的列合并
rowspan：同一列的行合并
表格完整写法：
<table>
<thead>
<tr>
<td></td>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
注意：只要不是统计类的web，能不用表格，就不用表格，用ul和li
div 块级标记，独占一行
span 行内标记
form 表单
主要用于统计数据，内容由用户填写
form表单在使用时，结合表单元素一起使用
常见的表单元素
1）input
默认是普通文本输入框
type属性:
=submit ->提交按钮
=password->密码输入框
=radio ->单选按钮
结合：name属性
label标签 结合for属性一块使用
=checkBox ->多选按钮，同单选
=file ->上传文件
=reset ->重置
2）textarea
文本区域框
cols rows
3）下拉列表 select+option
name属性加在select上
value属性加在option上
后台想要找到表单中的值，必须要给想要的元素加name属性
4）input type=
date：日历
time：上下午时间
month：日历/月
5）form表单属性
method：get/post -表单提交方法
get：参数跟在地址栏后面
post：参数跟在实体内容中
action：表单提交地址（从前台吧数据提交到后台）
class给css用的
id给
样式从大往下写，从外往里写
@charset "utf-8"; css编码方式