HTML
标签忽略大小写 建议小写
<head>
<meta charset="utf-8">
<title>网站信息显示页面</title>
</head>
<body>
</body>
<br /> 换行标签
标题 加粗加黑显示 最小层级 h6
水平线:
<hr />
<hr size="5"/>
<hr noshade="noshade">
size 水平线的高度 单位像素
noshade: 没有阴影
段落标签:
<p>段落内容。。。</p>
字体标签:
color属性 size 1~7 变大
加粗:<b>加粗文字</b>
斜体:<i> 斜体文字</i>
<font color="blue" size="7" >文字为蓝色文字,html<b>黑马就业班</b></font>
图片标签:
图片的位置属性:src
图片尺寸属性:width height
图片无法正常显示的提示文字:alt=""
<img src="img\logo2.png" width="150px" height="30px"/>
列表标签:
超链接:
href="#" 表示点击无反应
target 为 _blank 代表打开浏览器新标签页
target 为 _self 即 在当前标签跳转
<a href="index.html" target="_blank">点我有惊喜</a>
友情链接:
记得加http:// 以及 文字要放到<a></a> 标签之间
<li><a href="http://www.taobao.com" target="_blank">阿里巴巴</a></li>
列表:
有序列表
<ol>
<li>Milk</li>
<li>Fruit</li>
</ol>
无序列表
<ul>
<li>列表项</li>
</ul>
表格:
border:边框
align:居中还是居左位置
bgcolor:背景颜色
cellspacing:边框与边框的间距
<table border="1px" width="450px" height="150px" align="center" bgcolor="green" cellspacing="0px">
<tr>
<td colspan="2">11</td>
<td>13</td>
<td>14</td>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
</tr>
<tr>
<td>31</td>
<td>32</td>
<td rowspan="2">33</td>
<td>34</td>
</tr>
<tr>
<td>41</td>
<td>42</td>
<td>44</td>
</tr>
表格合并操作:
colspan
rowspan
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>标题标签</title>
</head>
<body>
<h1>公司简介</h1>
<h2>公司简介</h2>
<h3>公司简介</h3>
<h4>公司简介</h4>
<!-- 加入一条水平线 -->
<h5>公司简介</h5>
<h6>公司简介</h6>
<h100>公司简介</h100>
</body>
</html>
网友评论