HTML笔记


前言

一、HTML是什么?

HTML(Hyper Text Markup Language)即超文本标记语言或超文本链接标示语言,是一种用来制作超文本文档的简单标记语言,它不是一种真正的编程语言,只是一种标记符。
通过一些约定的标签符号对文件的内容进行标注,指出内容的输出格式,如字体大小及颜色、背景颜色、表格形式、各部分之间逻辑关系等。

二、HTML文件的基本结构

1.HEAD标签

在这里插入图片描述
这部分包括标题和其他说明信息,比如网页的一些特效都可以声明在HEAD标签内。

2.BODY标签

在这里插入图片描述
这部分包含文本、图像和链接。它包括在 BODY标签内。也就是我们平时浏览网站的时候所看到的那些内容都写在这里面。

3.HTML标签

在这里插入图片描述
html页面中由一对标签组成:<html></html>
<html> 称之为 开始标签
</html>称之为 结束标签

三、标签的定义方式

1.单标签

某些标签只需单独使用就能完整地表达意思,控制网页效果,形如:

<标签/>……<br/> <hr/>

eg:在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。因此,我们必须要尽量都给每个标签都加上结束标签才好。当然不加/也是可以通过的,推荐加/。

2.双标签

标签成对使用,由一个开始标签和一个结束标签构成。
开始标签告诉Web浏览器从此处开始执行该标签所代表的功能。
结束标签告诉Web浏览器在这里结束该功能,结束标签的形式是在开始标签前加上一个斜杠。
形如:

<标签>内容</标签>

3.属性标签

在单标签和双标签的开始标签里,可以包含一些属性,以达到个性化的效果。比如对字体大小的修改等等。形如:

<标签 属性1  属性2  属性3……>

各属性之间无先后次序,属性也可省略(即取默认值)。

4.注意

1.HTML语言不区分大小写。例如:<BR>和<br>都表示换行。
2.使用HTML标签时,被使用标签不可以交错,否则将造成错误。例如:<body><form></body></form>,应改为:<body><form></form></body>,才能正常运行。
3.HTML标签需要正确的进行嵌套!

四、常用的标签

1.标题标签

h1~h6,如下:

		<h1>标题一</h1>
		<h2>标题二</h2>
		<h3>标题三</h3>
		<h4>标题四</h4>
		<h5>标题五</h5>
		<h6>标题六</h6>

效果如下:
在这里插入图片描述

2.列表标签

2.1有序列表

我们在浏览网站时有时候会看见数字从小到大,字母从a到z的排行榜,这是我们可以利用<ol></ol>标签去实现。其中有start属性可以表示从哪开始,tpye属性表示其类型(A a I i 1)如字母,数字,罗马数字。

		武林高手排行榜:
		<ol type="i" start="3">
			<li>扫地僧</li>
			<li>萧远山</li>
			<li>慕容博</li>
			<li>虚竹</li>
			<li>阿紫</li>
		</ol>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

FanDoKey

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值