1.什么是HTML?(Hyper Text Markup Language:超文本标记语言)
超文本:功能比普通文本更加强大
标记语言:使用一组标签对内容进行描述的一门语言(它不是编程语言)
- 为什么要学习HTML?
可以利用HTML来定义网站中的文章内容、标题、连结、图片等,让浏览器知道网站整个架构的呈现
2.语法和规范?
HTML文件都是以.html或者.htm结尾的。建议使用.html结尾。
HTML文件分为头部分(<head></head>)和体部分(<body></body>)
HTML标签都是由开始标签和结束标签组成。(<hr />)
3.HTML相关标签学习
- 标题标签<hn />
- 水平线标签 <hr />
- 段落标签<p></p>
- 字体标签<font></font>
属性:size:指定内容的大小
color:指定内容的颜色
face:指定内容的字体
- 加粗:<b></b>
- 斜体:<i></i>
- 下划线:<u></u>
- 图片标签 <img />
width:指定图片的宽度,取值可以是像素值,也可以是百分比
height:指定图片的高度,取值可以是像素值,也可以是百分比
alt:当图片无法正常显示的时候给出的提示信息(该属性的显示效果与浏览器以及浏览器版本有关)
- 列表标签
- 有序列表:
<ol type="I" start="" reversed="reversed">
<li></li>
</ol>
2 无序列表
<ul type="">
<li></li>
</ul>
- 超链接标签
<a href="" target=""></a>
href:指定跳转的位置
target:指定跳转页面显示的位置(取值:_self 、_blank)
- 表格标签
<table border="" width="" height="" align="" bgcolor="" cellpadding="" cellspacing="">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
- 跨行跨列操作
跨行:rowspan
跨列:colspa
- 框架集标签:
<frameset rows="" cols="">
<frame src=""/>
<frame name=""/>
</frameset>