尚硅谷HTML5&CSS3 前端学习笔记01

最新推荐文章于 2024-03-17 22:35:40 发布

KarinAu

最新推荐文章于 2024-03-17 22:35:40 发布

阅读量174

点赞数 1

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

本文链接：https://blog.csdn.net/karinau/article/details/118197910

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

HTML5&CSS3 前端学习01

前端学习笔记01

客户端的形式:

文字
图形
网页

不需要安装
无需更新
跨平台

网页

蒂姆-伯纳斯-李万维网的发明人

浏览器

将网页渲染成我们想要的样子

1994年建立万维网联盟W3C，制定网页开发的标准

在这里插入图片描述

HTML

HTML Hypertext Markup Language 超文本标记语言

<html>
	<head>
	<title>karina的网页</title>
	</head>
	<body>
<h1>回乡偶书（二首）</h1>
<h2>其一</h2>
<h2>贺知章</h2>
<p>少小离家老大回</p>
<p>乡音无改鬓毛衰</p>
<p>儿童相见不相识</p>
<p>笑问客从何处来</p>
	</body>
</html>

在这里插入图片描述

自结束标签：

<html>
	<head>
		<title>这是我的第二个网页</title>
	</head>
	<body>
		<h1>这是我的第二个网页</h1>
		
		<!--
		标签一般成对出现，但是也有一些自结束标签
		<img>
		<input>
		HTML的注释可以在源码中查看，不会在网页中直接显示
		开发中一定要养成良好的编写注释习惯，注释要求简单明了
		
		注释不能嵌套
		-->
		
	</body>
</html>

标签的属性

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

在这里插入图片描述

网页的基本结构

<!doctype html>
<html>
	<head>
	<title>网页的基本结构</title>
	</head>
	<body>
	
	<!--
		迭代
			网页的版本
				HTML4
				XHTML2.0
				HTML5
				...
			文档声明（dictype）
				-文档声明用来告诉浏览器当前网页的版本
				-HTML5的文档声明
				<!doctype html>
	-->
	<h1></h1>
	</body>
</html>

关于进制

<!doctype html>
<html>
	<head>
	<title>网页的基本结构</title>
	</head>
	<body>
	
	<!--
		迭代
			网页的版本
				HTML4
				XHTML2.0
				HTML5
				...
			文档声明（dictype）
				-文档声明用来告诉浏览器当前网页的版本
				-HTML5的文档声明
				<!doctype html>
				
				
		进制：
			十进制
				-特点：满十进一
				-计数：0 1 2 3 4 5 6 7 8 9 10 11 12...
				-单位数字：10个（0-9）
			二进制（计算机底层的进制）
				-特点：满二进一
				-计数：0 1 10 11 100 101...
				-单位数字：2个（0-1）
				-扩展：
					-所有数据在计算机底层都会以二进制形式保存
					-可以将内存想象为一个有多个小格子组成的容器，每一个小格子可以存储一个1或0
						1个小格子在内存中表示1位（bit）
						
						8bit=1byte（字节）
						1024byte=1kb
						1024kb=1mb
						1024mb=1gb
						1024gb=1tb
						1024tb=1pb
						
			
			八进制
				-特点：满八进一
				-计数：0 1 2 3 4 5 6 7 10 11 12 ...17 20
				-单位数字：8个（0-7）
			十六进制（一般显示一个二进制数字时，都会转换为二进制）
				-特点：满十六进一
				-计数：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）
	-->
	<h1></h1>
	</body>
</html>