一、HTML主要形式
文件后缀名：.htm或者.html
文档声明：w3c 统一标准
文档解析
图片
<!DOCTYPE html> 声明html文件
<html> 文件的开始与结尾
<head> 头部信息，非实体
<body> 实体部分
<script> 样式
<style> 脚本
<link> 链接外部资源
基本都是闭合标签
二、HTML元素
<开始标签 [...属性] > 标签内容 <结束标签>
属：给予元素基本标识a
性：样式 或 描述元素特征
1、标题标签<h1></h1> 共有六级
2、段落标签<p></p>
3、字体标签<font></font> 别用 过时标签
4、链接标签<a></a>
去掉下划线text- decoration:none;
链接过颜色a:visited
5、图像标签<img />
src 图片路径
alt 替换文本（资源无效）
非标签用css中background样式
6、列表标签
无序标签<ul><li></li></ul>
有序标签<ol><li></li></ol>
定义列表<dl><dt></dt><dd></dd></dl>
属性：type 符号样式（none 无项目符号） 不建议使用
尽量用无序列表
7、div标签-块-无语义-万能
做布局 非常重要
三、HTML块级元素与行内元素
定义：W3C官网
- 块级元素
阿瑟东
元素之间一个挨着一个，上下挨着（一行接一行），间隔由盒模型的外边距控制
应用方向：布局
块级元素大小取决于开发者你让他多宽，你让他多高<div> <p> <ul> - 行内元素
元素之间一个挨着一个，水平挨着
应用方向：内容
行内元素大小取决于内容多宽，内容多高<a> <span> - HTML注释
行注释
段注释
条件注释 兼容性必备 只在ie10以下标签有效(不包括ie10）<!--[if IE 8]> 代码 <![endif]-->
四、HTML常用带格式化的标签、表格和表单
- 常用带格式化的标签（不怎么用）
<b> 粗体
<strong> 粗体
<big> 大号
<em> 强调
<i> 斜体
<small> 斜体
<pre> 预格式文本(适合呈现代码)
<blockquote> 引用
<del> 删除线
- 完整结构表格
<table border="" cepadding="" cellspacing="">
<thead>
<tr>
<th colspan=""></th>
<th rowspan></th>
</tr>
</thead>
<tfoot>
<tr>
<td ></td>
<td></td>
</tr>
</tfoot>
<tbody align="">
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>
border 边框
cellspacing 单元格间距
cepadding 单元格边距
colspan 单元格跨列
rowspan 单元格跨行
align 内容对齐
- 表单（输入用户输入标识）
<form action="" id=""form_id" name="form_name" method="" autocomplete="" enctype="">
<input type="text">文本
<br>
<input type="password">密码
<br>
<input type="radio" name="">单选
<br>
<input type="checkbox" name="">多选
<br>
<input type="number">数字输入框
<br>
<input type="date">日期输入框
<br>
<input type="color">颜色选择
<br>
<input type="range" max="" min="">范围选择
<br>
<input type="emaill">邮件(自带校验）
<br>
<input type="url">地址（自带校验）
<br>
<input type="file" multiple="">文件上传
<br>
<select name="" id="">选择输入框
<option></option>
</select>
<textarea>文本域
<input type="button" value="按钮">按钮
<br>
<input type="submit">提交
<br>
<button type="sumit" form="form_id">提交
</form>
action 提交到的服务端地址
method 指定提交时用哪种HTTP方法：POST或GET
name 标识
autocomplete 浏览器是否可以自动填充
enctype 指定表单内容编码
五、HTML总结
总结
网友评论