1.初识HTML

HTML

Hyper Text Markup Language 超文本标记语言

W3C标准包括(面试)

  • 结构化标准语言(HTML , XML)

  • 表现标准语言(CSS)

  • 行为标准(DOM,ECMAScript)

初识网页

<!-- DOCTYPE:告诉浏览器,我们要使用什么规范 -->
<!--注释-->
<!DOCTYPE html>
<html lang="en">
<!-- head标签代表网页头部-->
<head>
    <!-- meta描述性标签,它用来描述网站的一些信息。-->
    <!-- meta一般用来作SEO。-->
    <meta charset="UTF-8">
    <meta name="keywords" content="星光">
    <meta name="description" content="学而时习之">
    <!-- title标签代表网页标题-->
    <title>我的第一个网页</title>
</head>
<!-- body标签代表网页主题-->
<body>
Hello,World!
</body>

</html>

网页基本标签

标题标签

<!--标题标签-->
<h1>一级标题<h1>
<h2>二级标题<h2>
<h3>三级标题<h3>
<h4>四级标题<h4>
<h5>五级标题<h5>
<h6>六级标题<h6>

段落标签

<!--段落标签-->
    <p>人会来 就会离开</p>
    <p>世上唯一不变 是人都善变</p>
    <p>路过人间 爱都有期限</p>
    <p>天可怜见 心碎在所难免</p>
    <p>以为痛过几回 多了些修炼</p>
    <p>路过人间 就懂得防卫</p>
    <p>说来惭愧 人只要有机会</p>
    <p>就又沦陷</p>

换行标签

<!--换行标签-->
    人会来 就会离开<br/>
    世上唯一不变 是人都善变
    路过人间 爱都有期限<br/>
    天可怜见 心碎在所难免
    以为痛过几回 多了些修炼
    路过人间 就懂得防卫
    说来惭愧 人只要有机会
    就又沦陷

水平线标签

<!--水平线标签-->
<hr/>

字体样式标签

<!-- 粗体,斜体-->
    <h1>字体样式标签</h1>
    粗体:<strong>JavaScript</strong>
    斜体:<em>JavaScript</em>

特殊符号

<!--特殊符号-->
空格: 空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格
<br/>
    大于&gt;
<br/>
    小于&lt;
<br/>
    版权符号&copy;
<!--  其他特殊符号去百度  -->
</body>
</html>

上一篇:前台form表单传file


下一篇:HTML标签(上)代码练习