HTML:超文本标记语言(所谓超文本指的是超链接)
HTML使用标签的形式来标识网页中的不同组成部分
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello Python</title>
</head>
<body>
<!-- 在网页中编写多个空格默认被浏览器解析为一个空格 -->
<h1>Hello Python!</h1>
<!--
在HTML中,我们不能直接书写特殊符号
比如:多个连续的空格,比如字母两侧的大于号和小于号
如果我们需要在网页中书写这些特殊的字符,则需要使用HTML中的实体(转义字符)
实体的语法:
&实体的名字;
(一个这个代表一个空格,两个代表两个空格)
>大于号
<小于号
©版权符号
-->
<p>
<!-- <b>标签加粗的意思,如果想原样输出,直接在前后加上空格即可 -->
a < b >c
<!-- a<b>c 该语句和上述语句表达意思一样-->
</p>
<p>
崽子 你超棒哒!!!
</p>
<!-- ctrl+斜杠是注释的快捷键 -->
</body>
</html>
<!--文档声明 声明当前网页的版本-->
<!doctype html>
<!-- html为根标签 网页中的所有内容都要写在根元素里边-->
<html>
<!-- head是网页的头部,head中的内容不会在网页中直接出现,主要用来帮助浏览器或者搜索引擎来解析网页-->
<head>
<!-- 可以通过meta标签来设置网页的字符集,避免乱码问题
meta主要设置网页中的一些元数据,
charset 指定网页的字符集
name 指定的数据的名称
content 指定的数据的内容
keywords表示网站的关键字 可以同时指定多个关键字,关键字之间使用,隔开
description用于指定网站的描述 网站的描述会显示在搜索引擎的搜索的结果中
title标签的内容会作为搜索结果的超链接上的文字显示
-->
<!-- 将页面重定向到另一个网站 -->
<meta http-equiv="refresh" content="3;url=http://www.baidu.com">
<meta name="keywords" content="HTML5,前端,CSS">
<meta charset="UTF-8">
<!-- title中的内容会显示在浏览器的标题栏,搜索引擎会主要根据title中的内容来判断网页的主要内容-->
<title>Hello World!</title>
</head>
<!--body是html的子元素,表示网页的主体,网页中的所有可见内容都应写在body里-->
<body>
<!--属性,在标签中(开始标签或自结束标签)还可以设置属性
属性是一个名值对(x=y)
属性用来设置标签中的内容如何显示
属性和标签名或其他属性应该使用空格隔开
属性不能瞎写,应根据文档中的规定来编写
有些属性有属性值,有些没有
有属性,属性值应该使用引号引起来
-->
<!--
文档声明(doctype)
文档声明用来告诉浏览器当前网页版本是html4还是html5
--html5的文档声明
<!doctype html>HTML不区分大小写
-->
<!--
进制:
二进制:八个格(位)等于一字节
8bit=1byte
1024byte=1kb
1024kb=1mb
1024mb=1gb
1024gb=1tb
1024tb=1pb
最小创作单位1字节
-->
<!--
字符编码:-编码:字符转为二进制码
-解码:二进制码转为字符
-字符集:编码和解码所采用的规则成为字符集
-常见的字符集:
ASCII
ISO88591
GB2312
GBK
UTF-8(万国码)
-->
<!-- h1网页的一级标题-->
<h1><font color="red" size='7'>Hello</font> World!<h1>
<!--
HTML的注释
标签一般成对出现,但是也存在一些自结束标签
注释不可以嵌套
-->
<img>
<img />
<input>
<input />
</body>
</html>