Web学习之html

  超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。

  HTML是最基础的网页语言,html都是由标签组成。多数标签都是有开始标签和结束标签,其中有个别标签因为只有单一功能,或者没有要修饰的内容可以在标签内结束。想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性,通过对属性值的改变,增加了更多的效果选择。属性与属性值之间用“=”连接,属性值可以用双引号或单引号或者不用引号,一般都会用双引号,具体规范按照公司书写规范。注意:标签是支持嵌套的。

html基本格式如下:

 1 <html>
 2     <head>
 3         放置一些属性信息,辅助信息。
 4         引入一些外部的文件。(css,javascript)
 5         它里面的内容会先加载。
 6     head>
 7     <body>
 8         存放真正的数据。
 9     body>
10 html>

 

排版标签


  • 换行
  •  段落标签 在开始和结束的位置上会留一个空行,属性align:对齐方式,可选项为left right center justify。

  • 一条水平线,属性width:宽度,可选项为npx,或者是百分比(50%);属性align:对齐方式,可选项为left right center;属性size,水平线高度,单位为px。
  • 声明一块区域,浏览器通常会在 div 元素前后放置一个换行符。
  • 声明一块区域,浏览器通常不会再span元素后放置一个换行符。

 字体标签

  • 文本内容 属性size:字体大小,可选项1-7(7字体最大,1最小);还有属性color和face,但是font已不建议使用。
  • ...

    ~
    ...
    标题标签 h1标题最大,h6标题最小。
  • 粗体
  • 斜体

列表标签

  • 列表标签 dl标签下有dt和dd标签,dt标签是上层项目,dd标签是下层项目。特点是自动对齐,自动缩进。
1 <dl>
2    <dt>计算机dt>
3    <dd>用来计算的仪器 ... ...dd>
4    <dt>显示器dt>
5    <dd>以视觉方式显示信息的装置 ... ...dd>
6 dl>

显示效果如图:Web学习之html_第1张图片

    1. 有序列表 属性start:从第几个开始;属性type:列表前序标号,可选值为1 A a I i。
 1 <ol>
 2   <li>咖啡li>
 3   <li>牛奶li>
 4   <li>li>
 5 ol>
 6 
 7 <ol start="50">
 8   <li>咖啡li>
 9   <li>牛奶li>
10   <li>li>
11 ol>

显示效果如图:Web学习之html_第2张图片