初始 HTML
HTML (Hyper Text Markup Language) 超文本标记语言,超文本包括文字,图片,音频,视频,动画等
WC3 标准, 是完维网联盟(World Wide Web Consortium) 包括
- 结构化标记语言 HTML,XML
- 表现标准语言 CSS
- 行为标准 DOM,ECMAScript
<!DOCTYPE html> 告诉浏览器使用什么规范
<!DOCTYPE html>
<html lang="en">
<!-- 网页头部 -->
<head>
<!--描述性标签,用来描述网站的一些信息 -->
<meta charset="UTF-8">
<title>我的第一个网页</title>
</head>
<body>
钱不钱的无所谓,我主要是爱编程!
</body>
</html>
网页的基本标签
<!DOCTYPE html>
<html lang="en">
<!-- 网页头部 -->
<head>
<!--描述性标签,用来描述网站的一些信息 -->
<meta charset="UTF-8">
<title>基本标签</title>
</head>
<body>
<!--1~6 六级标题-->
<h1>钱不钱的无所谓,我主要是爱编程!</h1>
<h2>钱不钱的无所谓,我主要是爱编程!</h2>
<h3>钱不钱的无所谓,我主要是爱编程!</h3>
<h4>钱不钱的无所谓,我主要是爱编程!</h4>
<h5>钱不钱的无所谓,我主要是爱编程!</h5>
<h6>钱不钱的无所谓,我主要是爱编程!</h6>
<!--段落标签-->
<p>这是一个段落</p>
<!--水平线标签-->
<hr/>
<!--粗体-->
<strong>这是一个主题样式</strong>
<em>这是一个斜体样式</em>
<br/>
<!--特殊符号-->
空 格
<br/>
大于号 >
<br/>
小于号 <
<br/>
版权符号 ©
</body>
</html>
图像标签
<!DOCTYPE html>
<html lang="en">
<!-- 网页头部 -->
<head>
<!--描述性标签,用来描述网站的一些信息 -->
<meta charset="UTF-8">
<title>图像标签</title>
</head>
<body>
<!--src 图片地址有相对地址和绝对地址,一般使用的相对地址-->
<!--alt 当加载失败的时候显示的文字,title 悬停文字-->
<img src="../recourse/image/1.jpg" alt="小姐姐" title="你别乱碰我" width="500" height="500">
</body>
</html>
链接标签
<!DOCTYPE html>
<html lang="en">
<!-- 网页头部 -->
<head>
<!--描述性标签,用来描述网站的一些信息 -->
<meta charset="UTF-8">
<title>超链接标签</title>
</head>
<body>
<!--
herf 表示要调转的页面
target 窗口在哪里打开
_blank 在新标签打开
_self 在自己网页打开(默认)
-->
<a href="https://www.baidu.com" target="_blank">点击我跳转到百度页面</a>
<a href="https://www.baidu.com">
<!-- 这里可以放一张图片,做成图片超链接-->
<img src="../recourse/image/1.jpg"