<html>...</html>:定义HTML文档
<head>...</head>:文档的信息
<meta/>:HTML文档的元信息
<title>...</title>:文档的标题
<link/>:文档与外部资源的关系
<style>...</style>:文档的样式信息
<body>...</body>:可见的页面内容
<!--...-->注释
文本
<h1>...</h1>:标题字大小(h1~h6)
<b>...</b>:粗体字 <strong>...</strong>:粗体字(强调)
<i>...</i>:斜体字 <em>...</em>:斜体字(强调)
<center>...</center>:居中文本
<ul>...</ul>:无序列表 <ol>...</ol>:有序列表,顺序
<li>...</li>:列表项目
<a href=" ">...</a>:超链接
<font>...</font>:定义文本、字体、尺寸、颜色、大小
<sub>:下标 <sup>:上标 <br/>:换行
<p>...</p>:段落其它
图形
<img src="*.jpg"/>:定义图像 <hr/>:水平线
表格
<table>...</table>:定义表格
<th>...</th>:定义表格中的表头单元格
<tr>...</tr>:定义表格中的行
<td>...</td>:定义表格中的单元格
<form>...</form>:定义供用户输入的HTML的表单
<frame>:定义框架集的窗口或框架
width:设置段落的宽度
height:设置段落的高度
①<div>1</div>
<div>2</div>
<div>3</div>
1 |
2 |
3 |
②<div style="float:left">1</div>
<div style="float:left">2</div>
<div style="float:left">3</div>
float:lef;(向左浮动)
123 |
③<div style="float:left;100px;height:100px;">1</div>
<div style="float:left">2</div>
<div style="float:left">3</div>
④<div style="float:left;100xp;height:100px;">1</div>
</div>2</div>
样式表中:属性名:值; HTML属性:属性名="值";
⑤background-color:#ccc(浅灰色);设置背景颜色为浅灰色
⑥30%;设置方框占网页的30%