首页 > 开发 > 前端 > 正文

html基本标签知识简介

2016-05-18 19:04:50  来源:慕课网
  一、什么是html?
  Hyper Text Markup Language
  超文本标记语言
  编辑工具: 记事本 Editplus Dreamweaver UtralEdit
  后缀改成.html或者是.htm
  二、Html文档的基本结构
<html>网页文件的开始
<head>网页文件头部的开始
  </head>网页文件头部的结束
<body>网页文件主体部分的开始
  </body>网页文件主体部分的结束
</html>网页文件的结束
三、标签
  1) 1、 <title></title> 网页的题目
2、 <meta ttp-equiv="ContentType" charset=gb2312 >
2) A、块级标签 -------10个
a、基本块级标签;------3个
1)标题标签<h1></h1>.......<h6></h6> h1最大,h6最小,前后隔行
2)段落标签<p></p> 类似于语文中的段落
3)水平线标签<hr/>
<hr size="2" color="blue" width="120"/>
<hr size="3" color="red" width="50%"/>
线的厚度 颜色 宽度
b、常用于布局的块级标签;-----7个
1)有序列表
<ol>
<li>列表项1</li>
<li>列表项2</li>
..........
</ol>
2)无序列表
<ul>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
.............
</ul>
3)定义描述标签
<dl>
<dt>定义</dt>
<dd>描述1</dd>
<dd>描述2</dd>
</dl>
4)定义描述标签实现图文混编
<dl>
<dt>图片</dt>
<dd>描述1</dd>
<dd>描述2</dd>
</dl>
5)表格标签
<table>-------表格
<tr>----------行
<td></td>------列
<td></td>
</tr>
</table>
6)表单标签
<form></form> 一般和table一起使用
7)分区标签
<div></div>
B、行级标签---------3个1)图像标签<img="图片的地址" alt="提示文字" title="提示文字"> 相对地址、绝对地址2)范围标签<span></span>3)换行标签 <br/>