HTML标签

HTML

HTML 是 Hyper Text Markup Language 的首字母简写,意思是
超文本标记语言,超文本指的是超链接,标记指的是标签,是一种
用来制作网页的语言,这种语言由一个个的标签组成,用这种语言
制作的文件保存的是一个文本文件,文件的扩展名为 html 或者 htm。

标签的声明

HTML5

<!DOCTYPE  html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 >

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 >

字符集

<meta charset="UTF-8" />

utf-8是目前最常用的字符集编码方法,使用utf-8这样就避免出现字符集不统一而引起乱码的情况了。

HTML骨架格式

<HTML>   
    <head>     
        <title></title>
    </head>
    <body>
    </body>
</HTML>

1 HTML标签:
作用所有HTML中标签的一个根节点。

2 head标签: 文档的头部
文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。
注意在head标签中我们必须要设置的标签是title

3.title标签: 文档的标题
作用:让页面拥有一个属于自己的标题。

4.body标签:文档的主体 以后我们的页面内容 基本都是放到body里面的
body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)

HTML标签分类

在HTML页面中,带有“< >”符号的元素被称为HTML标签。
2.标签分为单标签和双标签

HTML常用标签

标题标签 : h1-h6
标题标签特征:H1-H6:字体逐渐变小

段落标签: p

水平线标签: hr

换行标签 :br

文本格式化标签
在这里插入图片描述
标签属性
1.标签可以拥有多个属性,必须写在开始标签中,位于标签名后面。
2.属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。
3.任何标签的属性都有默认值,省略该属性则取默认值。

格式化标签 : pre
在格式化标签中内容按照文本设置样式体现

超链接标签 : a
href=页面地址 target=blank(让打开的另起一个窗口打开)/self(让打开的在自身窗口内打开)
href:用于指定链接目标的url地址
target:用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,_blank为在新窗口中打开方式。
注意:
1.外部链接 需要添加 http:// www.yltedu.com
2.内部链接 直接链接内部页面名称即可
3.如果当时没有确定链接目标时,通常将链接标签的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接。
4.不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接。

图像标签
在这里插入图片描述
图片标签:`img
src提供图片路径地址

alt图片加载失败的替代文字

title鼠标悬停在某个标签上的说明文字`
特殊字符标签
在这里插入图片描述
下标:sub

上标:sup

div标签

span标签

标签的分类-单双标签

  • 双标签:h1-h6标签,p标签,b/strong标签,i/em标签,u/ins标签,s/del标签,a标签,div标签,span标签,sup/sub标签。
  • 单标签:hr标签,br标签,img标签。

标签的分类-所占位置

  • 占一整行:h1-h6标签,p标签,hr标签。
  • 占自己内容区域:br标签,b/strong标签,i/em标签,u/ins标签,s/del标签,a标签,img标签, sup/sub标签
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值