使用小写
HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签通常是成对出现的,比如 <b> 和 </b>
<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落
<!DOCTYPE HTML>
<h3>This is a heading</h3> 标题
<p>This is a paragraph.</p> 段落
<h4 align="left">4级标题——居左对齐</h4>
<h5 align="center">5级标题——居中对齐</h5>
<h6 align="right">6级标题——居右对齐</h6>
<a href="http://www.w3school.com.cn">This is a link</a> 标记中间的是链接的显示名称
<img src="w3school.jpg" width="104" height="142" />
属性总是以名称/值对的形式出现,比如:name="value"。
属性总是在 HTML 元素的开始标签中规定。如 <a> 中插入 <a href="http://www.w3cschool.com.cn"> this is a link</a>
<hr /> 水平线
注释
<br /> 手动换行
所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。
<h2 style="background-color:red">This is a heading</h2>
background-color:red
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>在HTML页中插入图片</title>
<body>
<img src="bcdd.jpg" width="400" height="400">
</body>
</head>
</html>
<header>
</header>
<footer> 脚注
</footer>
<section> 章节
</section>
<aside>侧栏</aside>
<nav>导航链接</nav>
<select>下拉列表标记
<option value="1">吉林省</option>
</select>
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
网友评论