HTML知识重拾

最新推荐文章于 2024-02-29 01:37:19 发布

蜗牛蜗牛大哥

最新推荐文章于 2024-02-29 01:37:19 发布

阅读量274

点赞数 1

分类专栏：前端文章标签： HTML

本文链接：https://blog.csdn.net/weixin_43485190/article/details/102875820

版权

前端专栏收录该内容

19 篇文章 1 订阅

订阅专栏

HTML知识重拾

本文的主要内容是作者对HTML知识的复习记录，知识不齐全，只是对知识点的查漏补缺。
顾名思义，HTML(HyperText Markup Language)的全称是超文本标记语言，不是一种编程语言（通过编译才可以运行）。
HTML是通过网页浏览器来进行浏览的，这里就要补充一下渲染引擎，它是浏览器的内核，是兼容性问题出现的根本原因。

关于HTML的几个网络术语

①xhtml:符合XML语法标签的HTML；
②dhtml:dynamic，动态的，就是JavaScript+CSS+HTML合起来；
③http：超文本传输协议。用来规定客户端浏览器和服务器端交互时数据的一个格式。
④SMTP：邮件传输协议；
⑤ftp:文件传输协议；
⑥SEO：英文全称Search Engine Optimization搜索引擎优化。

手动划线（狗头）

接下来是关于标签属性的知识

（1）

<meta http-equiv = "refresh" content = "3;http://www.baidu.com">

这段代码的意思是3秒之后，自动跳转到百度网页。

（2）
关于body标签的几个属性：link属性表示默认显示的颜色、alink属性表示鼠标点击但还没有松开的颜色、vlink属性表示点击完成后显示的颜色

<body link="red" alink="blue" vlink="pink">
	<a href="http://www.baidu.com" target="_blank">点击跳转百度</a>
</body>

（3）
HTML标签

文本级标签：p、span、a、b、i、u、em。文本级标签里只能放文字、图片、表单元素（a标签里不能放a和input）
容器级标签：div、h系列、li、dt、dd。容器级标签里可以放置任何东西。

（4）
img属性

Hspace:指图片左右的边距
Vspace：指图片的上下边距
如果想要图片等比例的缩放，就只设置width和height中的其中一个即可。
. 表示当前目录，. . 表示上级目录

（5）
无序列表
type属性值有三种，disc（表示实心圆点，默认值），square（实心方点），circle（空心圆）
举例：

<body>
	<ul>
		<li type="disc">苹果</li>
		<li type="disc">香蕉</li>
		<li type="square">葡萄</li>
		<li type="square">芒果</li>
		<li type="circle">西瓜</li>
		<li type="circle">蓝莓</li>
	</ul>
</body>

结果如下：
无序列表
（6）
有序列表
type属性值有1（阿拉伯数字，默认值）、a、A、i、I。可以结合start属性表示从几开始。
举例：

<body>
	<ol type="a">
		<li>买菜</li>
		<li>煲饭</li>
		<li>折菜</li>
		<li>洗菜</li>
		<li>炒菜</li>
		<li>吃饭</li>
	</ol>
	<ol type="1">
		<li>买菜</li>
		<li>煲饭</li>
		<li>折菜</li>
		<li>洗菜</li>
		<li>炒菜</li>
		<li>吃饭</li>
	</ol>
	<ol type="i">
		<li>买菜</li>
		<li>煲饭</li>
		<li>折菜</li>
		<li>洗菜</li>
		<li>炒菜</li>
		<li>吃饭</li>
	</ol>
	<ol type="a" start="4">
		<li>买菜</li>
		<li>煲饭</li>
		<li>折菜</li>
		<li>洗菜</li>
		<li>炒菜</li>
		<li>吃饭</li>
	</ol>
</body>

结果如下：
有序列表
这次就复习到这里啦，期待下次的起笔~