HTML概述

HTML 指的是超文本标记语言 (HyperText Markup Language)。
超文本:是指页面内可以包含图片、链接、声音,视频等内容
标记:标签(通过标记符号来告诉浏览器网页内容该如何显示)

浏览器根据不同的HTML标签,解析成我们看到的网页

声明
html4的文档声明
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
html5的文档声明
<!DOCTYPE html>
如果不声明解析网页时会产生一些不可预期的行为,所以我们应该避免出现。
Head标签(标签)包含了所有的头部标签标签。
● 头部区域的标签标签为: <title>, <style>, <meta>, <link>, <script>
<title>标签可定义网页的标题
<meta> 标签可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新
频度的描述和关键词。
<meta> 标签位于文档的头部
<meta charset="utf-8" />
标题处添加图标
<link rel="icon" href="ico地址">

标签
HTML中的标记指的就是标签。
HTML使用标记标签来描述网页。
结构:
<标签名>标签内容</标签名> 闭合标签(有标签内容)
<标签名/> 自闭合标签 (无标签内容)
标签属性:标签可以拥有属性。属性进一步说明了该标签的显示或使用
特性。如:<body text=”red”>
1.属性的格式 :属性名 = “属性值“
2. 属性的位置:
<标签名 属性名 = “属性值“ >xxx</标签名>
3. 添加多个属性:
<标签名 属性名 = “属性值“ 属性名 = “属性值“ >xxx </标签名>\


基本常用标签

标题标签<h1></h1>…..<h6></h6>
● 段落标签
<p></p>
换行标签
<br/>
● 列表
无序列表<ul><li></li></ul>
有序列表<ol><li></li></ol>
● 超链接<a></a>
● 图像标签<img/>

超链接

图像标签

在HTML中预留了一些字符。 这些预留字符是不能在网页中直接使用的。
比如< 和 >,我们不能直接在页面中使用< 和 >号,因为浏览器会将它解析为html签。
例如:<b> 会被解析为b标签,空格,再多的空格都会当一个空格处理。
为了可以使用这些预留字符,我们必须在html中使用字符转义。

* 小于号<
<
* 版权(C)
©

* 大于号>
>
* 商标(TM)

* 空格
 
* 注册商标(R)
®

表格

表格的基本构成标签
table标签:表格标签
tr标签:表格中的行
th标签:表格的表头
td标签:表格单元格
 

表格的基本结构
<table>定义表格
<tr>定义表行
<th>定义表头</th>
</tr>
<tr>
<td>定义单元格</td>
</tr>
</table>
表格属性
width
height
cellspacing
cellpadding
align
valign
cospan
rowspan
 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值