HTML学习第一天
最简单的 HTML 代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>第一个页面</h1>
</body>
</html>
含义
HTML标签： 成对出现，如<p>和</p>，<html>和</html>，<span>和</span>
注：<!DOCTYPE html>声明并不是标签，它只是告诉浏览器HTML是用什么版本写的
添加注释：<!-- 想要注释掉的内容 -->
<head>内：
- meta：用来提供关于HTML文档的元数据，比如希望显示中文时charset属性要设为utf-8
- title：页面的标题
- link：引用css文件等
- script
文本元素：
- 标题：
<h1>一级标题</h1>，<h2>二级标题</h2>，以此类推，字号渐小 - 段落：与前后文本换行分隔开
<p>Hi, I'm SixInNight.</p> - 分区：
<div>块分区</div><span>行内分区</span>
- 列表：
<ol>有序列表
<li>孙悟空</li>
<li>猪八戒</li>
<li>沙僧</li>
</ol>
<ul>无序列表
<li>小龙女</li>
<li>小浣熊</li>
<li>哪吒</li>
</ul>
样例
- 代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>起个名字叭</title>
</head>
<body>
<div>块1
<p>
<strong>S</strong>ix <span style="color:red">god </span><i>is </i><em>watch</em><b>ing </b>you.<br><u>Skr~~</u>
</p>
</div>
</body>
</html>
- 效果：
![在这里插入图片描述]()
