单机链接访问页面->浏览器向Web服务器请求一个HTML页面->获取这个页面，并在你的浏览窗口显示
<html>
<head> <!-- 页面“Head”开始 -->
<title>Head First Lounge</title> <!-- 网页名字 -->
</head> <!-- Head结束 -->
<body> <!-- 页面主体body开始 -->
<h1>Welcome to the Head First Lounge</h1> <!-- 一级标题 -->
<img src="drinks.gif"> <!-- 插入图片 -->
<p> <!-- 开始一个段落 -->
Join us any evening for refreshing elixirs,
conversation and maybe a game or
two of <em>Dance Dance Revolution</em>. <!-- 强调 -->
Wireless access is always provided;
BYOWS (Bring your own Web server).
</p> <!-- 结束一个段落 -->
<h2>Directions</h2> <!-- 二级标题 -->
<p> <!-- 开始另一个段落 -->
You'll find us right in the center of
downtown Webbille. Come join us!
</p> <!-- 段落结束 -->
</body> <!-- 页面主体结束 -->
</html><head>,<p>,<h1><h1>到<h6>,字体从大到小，一般不会用到<h3><html>
<head>
<title>Starbuzz Coffe</title>
</head>
<body>
<h1>Starbuzz coffee Beverages</h1>
<h2>House Blend,$1.49</h2>
<p>A smooth,mild blend of coffees from Mexico,Bolivia and civatenala.</p>
<h2>Mocha cafe catte,$2.35</h2>
<p>Espresso,steamed milk and hocolate syryp</p>
<h2>Cappuccino,$1.89</h2>
<p>Amixture of espresso,steamed milk and foam.</p>
</body>
</html>虽然页面结果挺丑的。。。
A smooth,mild blend of coffees from Mexico,Bolivia and Guatemala.
id这个不太懂，还正在寻求解决
<style>元素放在HTML的首部里<style>标记可以加一个属性type,可以表明所使用的样式。如：<style type="text/css"><style>定义页面样式<style type="text/css">
body{ <!-- 表示应用于HTML <body>元素中的内容 -->
background-color: #d2b48c; <!-- 背景颜色 -->
margin-left: 20%; <!-- 左页边距 -->
margin-right: 20%; <!-- 右页边距 -->
border: 2px dotted black; <!-- 定义页面主体周围的边距是虚线，颜色为黑色 -->
padding: 10px 10px 10px 10px; <!-- 在页面主体周围创建内边距 -->
font-family: sans-serif; <!-- 定义文本使用的字体 -->
}
</style>样式也好看了很多~
[HeadFrist-HTMLCSS学习笔记]第一章Web语言：开始了解HTML
原文：https://www.cnblogs.com/orii/p/10845757.html