<head></head>用于定义该文档的头部,定义文档的一些属性和信息,包括网页的标题<title>。
<body></body> 存放HTML文档的主要内容,bgcolor存放整个body属性,同时也可以用在其他标签内,比如<p>。
<h1> - <h6> :<h1></h2>html标题,<h1>定义最大的标题,<h6>是最小的标题。<h>标签在文字前会自动添加空行。
<p></p>:段落标签,作用是在前后自动添加空行,可以在标签内加align="center"使段落中间对齐。
HTML的style属性
style属性的作用:提供了一种改变所有HTML元素样式(字体的大小、颜色)的通用方法。
<p style="font-family:字体类型;color:颜色;font-size:字体大小px"></p>一般用css。
<font color="颜色" size="字体大小" face="字体"></font>
<center>居中的字</center> 文本居中
<strike>删除线</strike>:给标签内的文本加上删除线样式。
<u>下划线</u>:给标签内的文本加上下滑线样式。
<b>粗体字</b> <big>大号文字 <em>着重文字 <i>斜体字 <small>小号字 <strong>加重语气 等等
</br> 换行符
<abbr title = "First Rbotics Competition">FRC</abbr> 鼠标浮在缩写的字上会显示出对应的全称。
<!-- -->注释标签
<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School</a> 超链接,href后面的链接可以是网址也可以是网页文档里的一个HTML文件,<target="_blank"> 可以用来在新窗口打开链接。
锚
和超链接作用类似,超链接是跳到另一个网页,而锚是跳到本网页的另一个部分。
<a href= "#bottom">跳到网页底部</a>
<br/><br/>...
<a name = "bottom">到底了</a> :name给需要跳跃到的地方命名
插入图片
<img src="image/image.jpg" height = "100" width="50" align="bottom" alt="图片的代替"> src属性表示图片文件的位置,height和width可以修改图片的大小,数值可以用值也可以用百分比。align表示图片对齐方式。当浏览器不能正确加载图片时,alt的内容就会代替图片显示。
图片做超链接:
<a href="test.html">
<img src="image/image.jpg">
</a>
表格
<table border="1" cellpading="10" cellspacing="10">
<caption>表格名称</caption>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
<tr>是行,<td>是列。<caption>表格名称</caption>;border属性不同会有不同效果,不写或者为0,表格就没有边框。cellpading属性可以控制内容和边框的距离。cellspacing属性控制单元格之间的距离。
<th></th>表头标签,会自动加粗居中字体。
<td colspan = "2"></td> colspan表示跨列,2代表跨了两列(两列合并成一列)。
<td rowspan = "2"></td> colspan表示跨行,2代表跨了两行。
<ul>
<li>内容</li>
</ul>
<ul></ul> 无序列表,每一行之前都有一个点。<li>内容</li>存放每一行的内容。
<ol>
<li>内容</li>
</ol>
<ol></ol> 有序列表,每一行之前都有一个数字并顺序排序。
<dl>
<dt>列表1</dt>
<dd>列表1内容</dd>
<dt>列表2</dt>
<dd>列表2内容</dd>
</dl>
<dl></dl>实现列表,每一个列表由<dt>开始。
HTML块元素
流式布局
<div></div>
浮动
<div style="width":340px;float:"right"><div>宽340向右浮动。这么做会使div失去原来的流位置(块级元素的特性也会消失)。
多个块浮动会按照顺序来浮动。如果尺寸超过外层限制,就会到下一行。
图片也是块级元素,浮动后也会有同样的效果。