首页 > web前端 > html教程 > 必须掌握的html小知识

必须掌握的html小知识

零下一度
发布: 2017-05-05 13:55:55
原创
2104 人浏览过


一、HTML概述

HTML是Hyper Text Markup Language的缩写,意思是“超文本标识语言”,它实际上是专门用来编写网页的一种编程语言。大多数网页的构成基础就是HTML的语句。

1、HTML文档的基本结构


所有页面都应该至少包含这些部分,由于浏览器容错性强,所以即使不包含也能正常显示,但是最好还是写完全了。

2、如何编写一个HTML文件

HTML文件是一个ASCII格式的文件。它可以在任何一种可以编辑ASCII文件的编辑器中编辑(如果HTML文件中包含汉字,则要在支持汉字的编辑器中编辑)。

3、HTML文件的调试

直接用浏览器打开,检查运行结果

4、HTML文件的内容

◇ 头部分是给Html页面增加一些辅助或者属性信息,它里面的内容会最先加载。体部分是真正存放页面数据的地方。

◇ 多数标签都是有开始标签和结束标签,其中有个别标签因为只有单一功能,或者没有要修饰的内容可以在标签内结束。

◇ 想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性,通过对属性值的改变,增加了更多的效果选择。

◇ 属性与属性值之间用“=”连接,属性值可以用双引号或单引号或者不用引号,一般都会用双引号。或公司规定书写规范。

5、HTML文件中的标签

1)格式:<标签名 属性名=‘属性值’> 数据内容    或2)操作思想: 为了操作数据,都需要对数据进行不同标签的封装,通过标签中的属性对封装的数据进行操作。

      标签就相当于一个容器。对容器中的数据进行操作,就是在不断的改变容器的属性值。

二、列表

列表是一种条理化地排列信息的方法。它把内容一条条地水平排列显示,直观、清晰。而它也不同于表格,一般列表没有表格复杂。

1、无序列表

<span style="font-size:14px;"><ul>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ul></span>
登录后复制


2、有序列表

<span style="font-size:14px;"><ol>
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>

<ol start="50">
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol></span>
登录后复制


3、定义列表

自定义列表以

标签开始。每个自定义列表项以
开始。每个自定义列表项的定义以
开始。

<span style="font-size:14px;"><dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl></span>
登录后复制

结果:

  • Coffee

  • Black hot drink

  • Milk

  • White cold drink

4、两个可带属性的复杂列表标记ul和ol

1)


此标记可以带属性,变成