HTML 初识
2018-11-23 本文已影响5人
roy_pub
下图是一个常见的Web页面，由HTML+CSS构成。我的Web学习之路从最基础的HTML（Hyper Text Markup Language）开始。此篇作为该系列笔记的开篇。
HTML 结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>This is my first html</p>
</body>
</html>
- <!DOCTYPE> 标签位于文档最前面，用于向浏览器说明使用那种HTML或XHTML规范，必须在开头处使用。
- <meta charset="UTF-8">字符集，utf-8最常用的字符集编码方式，常用的还有gbk和gb2312。
HTML 标签
标签分为双标签和单标签
- 双标签实例 <html> </html>
- 单标签实例 <br />
常用的标签
- 标题标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML <h1>-<h6> tag</title>
</head>
<body>
<h1>This is the H1 heading</h1>
<h2>This is the H2 heading</h2>
<h3>This is the H3 heading</h3>
<h4>This is the H4 heading</h4>
<h5>This is the H5 heading</h5>
<h6>This is the H6 heading</h6>
</body>
</html>
- 段落标签
<p>This is paragraphs</p>
- 水平线标签
<hr />
- 换行标签
<br />
小结练习
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>新闻咨询</title>
</head>
<body>
<h1>习近平会见哈萨克斯坦总理萨金塔耶夫</h1>
<p>5小时前；新华社官方账号</p>
<hr />
<p>11月22号习近平主席在人民大会堂会见哈萨克斯坦总理萨金塔耶夫。</p>
<p>习近平指出，今年是我提出“一带一路”倡议5周年。5年来，“一带一路”合作造福沿线各国人民，为世界经济发展注入了新动能。我们赞赏哈萨克斯坦坚定支持并积极参与“一带一路”合作。中哈共建“一带一路”基础扎实，前景广阔。下一步，双方要重点加强政策协调，落实好丝绸之路经济带建设同“光明之路”新经济政策对接，规划好各领域合作。</p>
<p>萨金塔耶夫首先转达了纳扎尔巴耶夫总统对习近平主席的亲切问候。萨金塔耶夫表示，中国是哈萨克斯坦友好邻邦、亲密朋友和战略伙伴。哈方高度评价习近平主席5年前在哈萨克斯坦提出丝绸之路经济带倡议。这一伟大倡议对加强区域互联互通、应对全球挑战、维护世界安全和稳定、促进共同增长和繁荣具有重大意义。习近平主席将中国经济比作大海，哈方希望哈中合作这艘航船在中国经济的大海中扬帆远航。</p>
<p>杨洁篪、王毅等参见会见。</p>
</body>
</html>
