HTML学习第一天by SixInNight-优快云博客

本文链接：https://blog.youkuaiyun.com/hongwangdb/article/details/94660831

HTML学习第一天

~~ 上一篇文章点击跳转 ~~ ： CSS学习汇总
~~ 下一篇文章点击跳转 ~~ ： 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>