HTML基本标签(一)
1.HTML:
HTML:超文本标签语言(标签又称标记、元素),
浏览器:“解释和执行”HTML源码的工具
2、基本框架
<html>
<head>
<title>标题</title>
</head>
<body>
</body>
</html>
3、
<head> 头部
<title>网站标题:网页摘要信息利于浏览器解析和搜索引擎搜索
<meta>
(1)描述文档类型和字符编码
(2)描述搜索:关键字和描述
例如:
<head>
<title>淘宝网</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name= "keywords" content= "淘宝,网上购物,交易市场" />
<meta name= "description" content= "淘宝网,提供各类服饰、美容、家居、数码、……" />
</head>
4、<body>身体,网页内容(可以是文本、图像等)
5、HTML标签分类
块级标签:显示为“块”状,前后隔一行 ,一块里可以包含多行
行级标签:按行逐一显示 ,一行中可以包含图文内容。
分类好处:方便布局设计
6、块级标签
(1)基本块级标签
<h1>—<h6>:标题标签,<h1>最大,<h6>最小
<p>:定义段落
<hr />:定义水平线
(2)用于布局的块级标签
有序列表:默认为阿拉伯数字
<ol>
<li>列表项</li>
</ol>
无序列表:默认为小圆点
<ul>
<li>列表项</li>
</ul>
描述标签
<dl>
<dt>描述标题</dt>
<dd>描述内容</dd>
</dl>
表格标签:
<table>\表格行<tr>\表格列(单元格)<td>
<table>
<tr>
<td>单元格内容</td>
<td>单元格内容</td>
</tr>
</table>
表单标签:
<form>
<form method="" action="">
</form>
块标签:<div>作为容器来使用
7、行级标签
图片标签:<img src="图片路径" alt="图片不出来的提示文字" title="提示文字" />
范围标签:<span>
换行标签:<br />
8、XHTML的基本规范
(1)标签名和属性名称必须小写
(2)HTML标签必须关闭
(3)
标签必须正确嵌套
(4)必须添加文档类型声明 【!DOCTYPE】
(5)属性值必须用引号括起来
9、实际开发的4种块状结构
(1)div-ul(ol)-li :常用于分类导航或菜单等
(2)div-dl-dt-dd :常用于图文混编的场合
(3)table-tr-td :常用于图文布局或显示数据
(4)form-table-tr-td:常用于布局表单