Web前端入门笔记（二）

最新推荐文章于 2024-09-12 18:22:06 发布

战南silo

最新推荐文章于 2024-09-12 18:22:06 发布

阅读量115

点赞数

分类专栏：学习笔记文章标签： html

本文链接：https://blog.csdn.net/qq_45851790/article/details/113097168

版权

学习笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

HTML

·HTML（Hypertext Markup Language）超文本标记语言。
·它负责网页的三个要素之一的结构。

入门级别的实践操作

1.打开记事本
2.编写文本（如下图），Ctrl+S保存至桌面，命名为**.html（创建页面）
在这里插入图片描述

3.加上标签（如图）

<h1>回乡偶书</h1>
<h2>贺知章</h2>
<p>少小离家老大回</p>
<p>乡音无改鬓毛衰</p>
<p>儿童相见不相识</p>
<p>笑问客从何处来</p>

在这里插入图片描述
4.完善整体

<html>
	<head>
		<title>哈哈</title>
	</head>
	<body>
		<h1>回乡偶书</h1>
		<h2>贺知章</h2>
		<p>少小离家老大回</p>
		<p>乡音无改鬓毛衰</p>
		<p>儿童相见不相识</p>
		<p>笑问客从何处来</p>
	</body>
</html>

在这里插入图片描述

1.<head>标签中的内容是给搜索引擎看的，页面中没有显示

2.<head>是<html>的子标签

3.<title>是<head>的子标签

4.<html>是根标签，所有的内容都在根标签中

5.所有显示内容都写在<body>中

6.标签一般成对出现，但是也存在一些自结束标签

7.HTML的注释，注释中的内容会被浏览器所忽略，不会再网页中直接显示，但是可以在源代码中查看注释，注释用来对代码进行说明的。
（注释符号<!--  -->）注释不能嵌套

<html>
	<head>
		<title>这是我的第二个网页</title>
	</head>
	<body>
		<!-- 这个东西很重要，千万不要删 -->
		<h1>网页</h1>
		<!--
		HTML的注释，注释中的内容会被浏览器所忽略，不会再网页中直接显示，
			但是可以在源代码中查看注释，注释用来对代码进行说明的
			
		注释还可以将一些不希望显示的内容隐藏
		
		注释不能嵌套
			
		标签一般成对出现，但是也存在一些自结束标签
		-->
		
		<img>
		<img />
		<input>
		<input />
	</body>
</html>

标签中的属性

1、属性，在标签中(开始标签或自结束标签)还可以设置属性，属性是一名值对（x=y）；
2、属性和标签名或其他属性应该使用空格隔开；
3、属性用来设置标签中的内容如何显示；
4、属性名（值）不能乱写，应该根据文档中的规定来编写，有些属性有属性值，有些没有；
5、如果有属性值，属性值要用引号标注，单引号双引号都可以。

<html>
	<head>
		<title>标签的属性</title>
	</head>
	<body>
	<!--
		属性，在标签中(开始标签或自结束标签)还可以设置属性
			属性是一名值对（x=y）
			属性用来设置标签中的内容如何显示
			
			属性和标签名或其他属性应该使用空格隔开
			
			属性名（值）不能乱写，应该根据文档中的规定来编写，
				有些属性有属性值，有些没有
	-->
		<h1>这是我的<font color="red" size=‘10’>第三个</font>网页！</h1>
	</body>
</html>

在这里插入图片描述

网页的基本结构

·迭代

网页的版本：HTML4、HTML5、XHTML2.0…

·文档声明（doctype）

——文档声明用来告诉浏览器当前网页的版本
例如：HTML5的文档声明（<!doctype html>或者<!Doctype HTML>）
一般写在第一行

<!doctype html>
<html>
	<head>
		<title>网页的基本结构</title>
	</head>
	<body>
		
	<!--
		迭代
	-->
	</body>
</html>

进制（重点）

十进制（日常使用）：

—特点：满10进1
—计数：0 1 2 3 4 5 6 7 8 9 10 11 12 … 19 20
—单位数字：10个（0-9）

二进制（计算机底层的进制）：

—特点：满2进1
—计数：0 1 10 11 100 101 110 111
—单位数字：2个（0-1）
—扩展：
·所有数据在计算机底层都会以二进制的形式保存
·可以将内存想象为一个有多个小格子组成的容器，每一个小格子可以储存一个0或者一个1
·这一个小格子在内存中被称为1位（bit）

8bit = 1byte（字节）
1020byte = 1kb（千字节）
1024kb = 1mb（兆字节）
1024mb = 1gb（吉字节）
1024gb = 1tb（特字节）
1024tb = 1pb

八进制（很少用）：

—特点：满8进1
—计数：0 1 2 3 4 5 6 7 10 11 … 17 20
—单位数字：8个（0-7）

十六进制（一般显示一个二进制数字时，都会转换为十六进制）：

—特点：满16进1
—计数：0 1 2 3 4 5 6 7 8 9 a b c d e f 10 11 12 … 1a 1b 1c 1d 1e 1f 20
—单位数字：16个（0-f）
【十六进制我们用的比较多，所以需要着重理解】

战南silo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web前端入门笔记（二）

HTML·HTML（Hypertext Markup Language）超文本标记语言。·它负责网页的三个要素之一的结构。入门级别的实践操作1.打开记事本2.编写文本（如下图），Ctrl+S保存至桌面，命名为**.html（创建页面）3.加上标签（如图）<h1>回乡偶书</h1><h2>贺知章</h2><p>少小离家老大回</p><p>乡音无改鬓毛衰</p><p>儿童相见不
复制链接

扫一扫