HTML 初识

作者: roy_pub | 来源:发表于2018-11-23 00:42 被阅读5次

HTML之初识HTML
HTML&XML--源动力
初识HTML
初识HTML
HTML 初识
html初识
【html】初识
初识HTML
初识 HTML
初识HTML

下图是一个常见的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>