初识HTML

来源:互联网 发布:淘宝买家问质量怎么样 编辑:程序博客网 时间:2024/06/11 21:38

html简介

hmtl是一种用来制作超文本文档的简单标记语言,它不是真正的编程语言,只是一种标记符。

HTML 基本标签:

单标签:某些标签只需要单独使用就能完整地表达意思,控制网页效果,这类标签的语法是:<标签>  例如:<br>双标签:某些标签成对使用,由一个开始标签和一个结束标签构成。开始标签告诉web浏览器从此处开始执行该标签所代表的功能,结束标签告诉web浏览器在这里结束该功能,结束标签的形式是在开始标签前加上一个斜杠。这类标签的语法是:<标签>内容</标签>  例如:<title>这是我的第一个html网页</title>标签属性:在单标签和双标签的开始标签里,还可以包含一些属性,以达到个性化的效果。其语法格式是:<标签 属性1 属性2 属性3 ....>   例如:<font face="楷体-gb3212" size="2">欢迎!</font>

页面结构标签:

<html></html>:这个标签告诉浏览器这个文件是html文档。<head></head>: 这个标签对中的内容是文档的头部信息,说明一些文档的基本情况,如文档的标题等,其内容是不会显示在网页中。<body></body>: 这个标签对中的内容是HMTL文档主体的部分,可包含<p></p>、<h1></h1>、<br>、<hr>等标签,它们所定义的文本,图像等将会在网页中显示出来。

页头标签:

<title></title>: 标签对用来设定网页标题,浏览器通常会将标题显示在浏览器窗口的标题栏左边,<title></title>标签只能放在<head></head>标签对之间。

标题标签:

在html文档中,<hn></hn>标签可以定义不同的效果的标题,n表示标题的级数,取值范围为1~6,n越小,标题字号越大。在<hn>标签中可以使用标签属性align设置对齐方式,left:左对齐,right:右对齐,center:居中对齐。

段落标签:

<p></P>标签用来创建一个新段落,在此标签对之间加入的文本将按照段落的格式显示在浏览器上。

预定格式标签:

在编辑文档时,如果希望将来浏览网页时仍能保留在编辑工具中已经排好的形式显示内容,可以使用<pre></pre>标签对。使用该标签对时,默认字体为10磅。

格式排版标签:

<br>该标签强制文本换行,但不会在行与行之间留下空行。如果把<br>加在<p></p>标签对外边,将创建一个大的回车换行,即<br>前边和后边的文本的行与行之间的距离比较大;若放在<p></p>的里边,则<br>前边和后边的文本行与行之间的距离将比较小。<hr>该标签在网页中加入一条横跨网页的水平线,具有多种属性用于设置水平线的宽度、长度及显示效果等。

文字格式标签:

<font></font>标签对通过设置<font>属性来控制文字的字体、大小、样式和颜色,个属性功能如下:face属性。设置字体样式。size属性。设置字体大小,值为整数,分为7个级别,默认字体大小为3。color属性。设置字体颜色。

注释标签:
:在编写html文档时,为了提高可读性,可以使用标签对文档编写注释文字。

有序列表:

有序列表是指各个列表按一定的编号顺序显示,列表用<ol>开始,以</ol>结束,每个列表项用<li></li>标签定义,其用法如下:<ol>    <li>列表项</li>    <li>列表项2</li>    ....</ol>在<ol>中可以使用type、start属性。其中type属性用于设置编号的种类,其取值如下1  1,2,3,4....A  A,B,C,D....a  a,b,c,d....I  I,II,III....i  i,ii,iii....start属性用于设置标号的开始顺序,其中type取值是什么,start值只能是1、2、3等整数,默认值为1。

无序列表:

无序列表指各列表项之间没有顺序关系,类表项显示时前面有一个项目符号。无序列表用<ul>表示开始,用</ul>表示结束,每一个列表项同样也用<li></li>标签来定义。其语法如下:<ul>    <li>列表项1</li>    <li>列表项2</li>    .....</ul>在<ul>和<li>中都可以使用type属性,其中,<ul>中的type属性用于设置列表中所有列表项前的项目符号类型;<li>中的type属性用于设置当前列表项前的项目符号类型。type属性取值如下:disc: 实心圆点,默认值。circle:空心圆点。square:实心正方形。
0 0
原创粉丝点击