2020-11-26

最新推荐文章于 2024-09-09 22:16:15 发布

artificial_smile

最新推荐文章于 2024-09-09 22:16:15 发布

阅读量79

点赞数

分类专栏：前端html5 文章标签： html

本文链接：https://blog.csdn.net/artificial_smile/article/details/110210359

版权

前端html5 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

HTML5的学习

1、html的基本框架：

<!-- 文档声明-->
<!doctype html>
<html lang="en">
    <head>
        <!--字符集，避免乱码问题，utf-8堪称万国码 -->
        <meta charset="utf-8">

        <meta name="keywords" content="html,css,前端">
        <meta name="descript>" content="这是一个非常好的网页"
        <meta http-equiv="refresh" content="3;url=https://www.baidu.com">
        <title>标题</title>
    </head>

    <body>
        <h1>一级标题</h1>
    </body>

</html>

meta 主要设置网页中的一些元数据，元数据不是给用户看的

charset是设置字符集，编码乱码的问题

name指定数据的名称，content指定数据的内容

keywords表示关键字，可以同时指定多个关键字，关键字之间用逗号个隔开（所谓网页上搜索关键字就是这个，如搜购物，可能会出现京东，可以去看看京东网页上的源代码）

descript 用于指定网站的描述

title的内容会作为搜索结果超链接上的显示文字

http-equiv后面那一串是几秒后自动跳转到相应的网页上

下载VScode 后，可以在拓展那可以下载chinese版本，以及下载ayu更改主题，想要边写代码边看网页变化那就下载live server,以及在设置那里设置自动保存auto save afterdelay

查看实体或者相应标签，可以官网或者w3school上查看

实体（转义字符）如：空格：  等

<!--
进制（日常使用）
		十进制：
			特点：满十进一
			计数：0 1 2 3 4 5 6 7 8 9 10 11 12。。
			单位数字：10个（0-9）
		二进制（计算机底层的进制）
			特点：满二进一
			计数： 0 1 10 11 100 101 110 111
			单位数字：2个（0-1）
			拓展：
				所有的数据在计算机底层都会以二进制形式保存
				可以将内存想象成一个有很多个小格子组成的容器，每个小格子中可以存储一个1或者一个0
				这个小格子在内存中被称为1位（bit）
				8bit=1byte(字节)
				1024byte=1kb(千字节)
				1024kb=1mb(兆字节)
				1024mb=1gb(吉字节)
				1024gb=1tb(特字节)
				1024tb=1pb
			我们没办法处理一个bit我们能处理的最小单位是1byte(1个字节)
		八进制（很少用）
			特点：满八进一
			计数：0 1 2 3 4 5 6 7 10 11 12。。17 20 21
			单位数字：8个（0-7）
			
		十六进制（一般显示一个二进制数字时，都会转换成十六进制）
			特点：满十六进一
			计数：0 1 2 3 4 5 6 7 8 9 a b c d e f 10...1f 20
			单位数字：16个（0-f）
					
		-->

简单的了解了下标签属性：

<html>
	<head><title>标签属性</title></head>
	<body>
	<!--属性：在标签中（开始标签或者自结束标签中）还可以设置属性
	属性是一个名值对（x=y）
	属性是设置标签内容如何显示
	属性和标签名或其他属性应该用空格隔开
	属性不能瞎写，应该根据文档规定的来写
	有的属性有属性值，有的没有，有属性值的，属性值应该用引号括起来，单引号和双引号都可以
	
	-->
		<h1>这是我的<font color='red' size='3'>第二个</font>网页</h1>
	</body>
</html>

属性是要在开始标签中或者自结束标签中才可以设置的；而且属性是一个名值对（x=y）;属性是设置标签的内容如何显示，像颜色大小等；

属性和标签名或者其他的属性应该用空格隔开，属性值要用引号括起来，单引号双引号都可以