...
一.了解html语言
html：超文本标记语言。
二.html整体结构
<html>
<head>
</head>
<body>
</body>
</html>
三.字体标签及表单元素
1.标题
<h1></h1>...<h6></h6>
2.段落
<p></p>
3.跳转链接
<a href="xxx.do"></a>
4.图片
<img src="xxx.png" heght="10px" weight="10px">
注意：img元素是自关闭元素
5.属性
class 元素的类名，导入css中的样式
style 元素的样式
id 元素的id
data-* 页面自定义的数据
6.水平线
<hr></hr>
7.注释
<!-- -->
8.换行
<br/>或者<br>,不过<br/>比较规范
9.文本格式化
加粗：<b></b>或者<strong></strong>
斜体：<i></i>或者<em></em>
上标：<sup></sup>
下标：<sub></sub>
10.链接target属性
<a href="www.baidu.com" target="_self"></a>
_self 默认值，当前窗口打开
_blank 每次打开一个新的窗口
_new 每次在同一个新窗口打开
_parent 在父窗口打开
_top 在最*窗口打开
11.链接id属性
id属性作为书签标记
<a id="mark"></a>
<a id="#mark" href="xxx.do"></a>
12.html头部
<head>
<title></title>标题
<base>基础文档
<meta http-equiv="refresh" content="30"／>30s自动刷新
<link href="xxx.css"／>引用外部css
<script src="xxx.js"></script>引用外部js
<style></style>样式
</head>
13.css
使用方式3种
内联样式 元素内部style属性定义
内部样式 head头部style定义
外部样式 引用css文件
背景色:background-color
<p style="background''-color:red"></p>
font-family 字体
color 颜色
font-size 字体大小
text-align 文本对齐方式 text-align:center居中 left居左 right 居右
14.图像
<img border="0" src="图像的url" alt=“图像加载不了显示的文本信息” height="图像高度" weight="图像的宽度">