第一章 HTML基本标签(一)

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:常用于布局表单

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值