HTML_1

HTML是 Hyper Text  Mark-up Language 的首字母简写,意思是超文本标记语言,超文文指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成。文件扩展名为html或htm

基本结构:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>网页标题</title>
 6 </head>
 7 <body>
 8     网页显示内容
 9 </body>
10 </html>

第一行是文档声明,第二行“<html>”标签和最后一行“</html>”定义html文档的整体,“<html>”标签中的lang="en"定义网页的语言为英文,定义为中文是lang="zh-CN",不定义也没什么影响,它一般作为分析统计用。<head>和<body>标签是它的第一层子元素。

HTML文档类型:目前常用的两种文档类型是xhtml 1.0和html5(向下兼容)

html5

 

html标题

通过<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,标签可以在网页上定义6种级别的标题

<h1>我是一级标题</h1>
<h2>我是二级标题</h2>
<h3>我是三级标题</h3>

html分段  

<p>
        第一段:好好学习天天向上
</p>
<p>
        第二段:好的没问题
</p>

html换行   加标签<br />  换行的话两行之间紧挨着,分段的话两段之间会有一些间距

html注释          <!--注释的内容--> ,快捷键crtl /  

html字符实体

  在网页上显示大于号‘<’和小于号‘>’,一般不能直接这样写,因为有的浏览器不能解析出来。所以写法为:     例如 ‘3<5’写法为:3 &lt; 5         “10>5”写法为:10 &gt; 5

  空格的表示方法,连续敲击多个空格只显示一个空格,所以可以通过&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    一个&nbsp;代表一个空格

以上用法实例:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <h1>我是一级标题</h1>
 9     <h2>我是二级标题</h2>
10     <h3>我是三级标题</h3>
11     <p>
12         第一段:好好学习天天向上
13     </p>
14     <p>
15         第二段:好的<br />没问题
16     </p>
17 <!--注释的写法,浏览器不会进行任何的操作,快捷键crtl /     -->
18     <p>
19         大小于号的写法:<br />
20         3 &lt; 5<br />
21         10 &gt; 5   <br />
22         4<6   <br />
23         7>1 <br />
24         空格1 空格2    空格3&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;空格4
25     </p>
26 </body>
27 </html>

结果:

  

 

  

posted @ 2018-03-04 20:15  耐烦不急  阅读(174)  评论(0编辑  收藏  举报