HTML学习笔记01

最新推荐文章于 2023-02-04 20:54:59 发布

爱玩的小屁孩

最新推荐文章于 2023-02-04 20:54:59 发布

阅读量72

点赞数

分类专栏：前端基础文章标签： html css

本文链接：https://blog.csdn.net/yidianyuanzhidong/article/details/117437040

版权

前端基础专栏收录该内容

24 篇文章 0 订阅

订阅专栏

HTML

1、基本框架

<!--html根标签，网页内容都会写在根元素里面-->
<html>
	<head><!--head的内容不会在网页中显示-->
		<title>标题栏显示</title>
	</head>
	<body>
		内容区域，都会显示在网页中,用户可见
		<h1>一级标题</h1>
		<h2>一级标题</h2>
		<h3>一级标题</h3>
		<h4>一级标题</h4>
	</body>
</html>

2、自结束标签注释

普通标签都是成对出现的，而单独一个的标签就成为自结束标签

自结束标签 <img> <imput> <link> <hr> <source> 还有一种写法在后面加/,如<img/>,H5推荐不加/的写法。

这是注释标签 ，可以在网页源代码查看，提供解释说明

3、标签中的属性

每个标签里面都会有属性。例如:
<a href="http://www.w3school.com.cn">This is a link</a>其中的href就为属性
<h1 align="center"> 拥有关于对齐方式的附加信息属性align。
<body bgcolor="yellow"> 拥有关于背景颜色的附加信息属性bgcolor。

注：只可以写在开始标签，不同属性要是用空格间隔开。
属性和属性名不可瞎写，以名值对的方式出现：color="yellow"，属性值要使用引号引起来
一般样式属性不推荐使用，建议html和css分离

下面列出了适用于大多数 HTML 元素的属性：
在这里插入图片描述

全局属性：全局属性是可与所有 HTML 元素一起使用的属性。
在这里插入图片描述

3、文档声明（doctype）

首行如果加<!doctype html>，即告诉浏览器为HTML5标准，按照HTML5标准解析

<!doctype html>
<html>
	<head><!--head的内容不会在网页中显示-->
		<title>标题栏显示</title>
	</head>
	<body>
	</body>
</html>

4、进制

二进制：01010、1100，所有数据在计算机底层都是用二进制表示

扩展：一个二级制表示1bit,8bit=1byte

八进制：15、7，很少用
十进制：1024，日常使用
十六进制：a,1b,10使用a标识，f为15

5、字符编码

编码——>将字符转成二进制
解码——>将二进制转成字符
字符集——>编码和解码采用的规则
乱码问题——>如果编码和解码采用的规则不同就会出现乱码问题
常见的字符集——>ASCII(美国)、ISO88591(欧洲)、GB2312(国标)、GBK(国标)、UTF-8(万国码)

html的编码格式为UTF-8
<meta charset="UTF-8">放在head标签中即可设定编码格式

爱玩的小屁孩

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习笔记01

HTML1、基本框架<html> <head> <title>标题栏显示</title> </head> <body> 内容区域，都会显示在网页中,用户可见 <h1>一级标题</h1> <h2>一级标题</h2> <h3>一
复制链接

扫一扫