html基础汇总
⼀：HTML
是Internet上⽤于设计⽹页的主要语⾔。⽹页包括动画，多媒体，形等各种复杂的元素，其基础架构都是HTML。
标记语法：
HTML⽤于描述功能的符号称为“标记”。
1.所有标记都要⽤尖括号（<>）括起来，这样，浏览器就可以知道，尖括号内的标记是HTML命令；
2.对于成对出现的标记，最好同时输⼊起始标记和结束标记；
3.采⽤标记嵌套的⽅式可以为同⼀个信息应⽤多个标记；
4.在代码中，不区分⼤⼩写；
5.任何空格或回车在代码中都⽆效，插⼊空格或回车有专⽤的标记，分别是 、<br>；
6.标记中不要有空格，否则浏览器⽆法识别；
HTML⽂件的整体结构：
⽂件头部内容：
⼀个完整的HTML⽂件包括头部⽂件和主体⽂件。头部标记：<head></head>，主体标记<body></body>。页⾯标题标记<tilte></title>位于头部标记<head></head>之间。
设置基底⽹址<base>：基底⽹址⽤于设定浏览器中⽂件的路径，<base>标记⼀般⽤于设计⽂件URL地址。⼀个HTML⽂件只能有⼀个<base>标记，同时该标记必须放于头部⽂件中。
基本语法：
<html>
<head>
<base href="⽂件路径" target="⽬标窗⼝">
</head>
<body>
</body>
</html>
herf⽤于设置⽹页⽂件链接的地址，target⽤于设置页⾯显⽰的⽬标窗⼝。
设置基准⽂字<basefont>：
基准⽂字：指制作⽹页前，先进⾏⽹页⽂字的基本定义，包括字体；字号、颜⾊以及其他关于字体的定义，当⽹页中的⽂字没有另外定义样式时，就会⾃动套⽤⽹页定义的基准字体。
基本语法：
<html>
<head>
<basefont face="" size="" color="">
</head>
<body>
</body>
</html>
face属性⽤于设置字体的名称，可以是宋体、⾪体、楷体等； size属性⽤于设置字号的⼤⼩；
color⽤于设置字体的颜⾊。
定义元信息<meta>:
<meta>标记主要功能是定义页⾯的⼀些信息。
<meta>标记通过⼀些属性来定义⽂件的信息，例如，⽂件的关键字、作者信息、⽹页过期时间等，HTML⽂件的头部⽂件可以有多个<meta>标记，<meta>标记不是成对的标记。
基本语法：<meta http-equiv="" name="" content="">
注意：http-equiv属性⽤于设置⼀个http的标题域，但确定值由content属性决定，name属性⽤于设置元信息出现的形式，content属性⽤于设置元信息出现的内容。
设置页⾯关键字——keywords:
⽹页中的关键字主要是为搜索引擎服务的，有时为了提⾼⽹站被搜索引擎搜到的机率，需要设置多个跟⽹站主体相关的关键字。网页设计html代码大全颜
基本语法：
<meta name="keywords" content="value">
value⽤于说明为该⽹页定义的关键字，可以是多个关键字。
设置页⾯过期时间——espires
设置页⾯过期时间或者跳转，这就需要设置⽹页元信息的http-equiv属性和content属性来设置⽹页的过期时间。
基本语法：<meta http-equiv="expires" content="value">
expires⽤于设计页⾯过期时间，content属性设置具体过期时间。
主体内容<body>:
1.设置页⾯背景——bgcolor
基本语法：<body bgcolor="value">
2.设置页⾯边距——topmargin(到顶端)、leftmargin(到左边)、rightmargin(到右边)、bottomnargin(到底边)
3.设计正⽂颜⾊——text
利⽤text属性可以给页⾯中⽆链接的⽂字设置颜⾊
基本语法：<body text="">...</body>
⽂字与段落：
⼀.编辑内容
1.添加⽂字
基本语法：<body>所写⽂字</body>；
2.添加注释<!....-->或<comment>；
3.添加空格—— ；
4.添加删除线<strike>；
给需要添加删除线的⽂字使⽤成对的<strike></strike>标记，就可以添加删除线；
基本语法：<body><strike>在此输⼊要添加删除线的⽂字</strilke> </body>
5.插⼊特殊符号
⼆.⽂字效果
1.编辑⽹页⽂字样式<font>
主要是设置⽂字的字体、字号、颜⾊等属性，利⽤<font>与<basefont>标记都可以实现；
基本语法:<body><font face="" size="" color=""></font></body>
face设置字体，
2.设置⽂字标注<ruby>
在HTML⽂件中，有时需要对某个字、词或者某段进⾏说明，可以通过添加⽂字的标注标记来完成对⽹页中⽂字的说明； 基本语法：<ruby>需要被说明的⽂字<rt>⽂字的标注</rt></ruby>
三.⽂字修饰
1.简单修饰⽂字
基本语法:
<body>
普通⽂字的显⽰<br>
<b>加粗的⽂字</b><br>
<i>斜体⽂字</i><br>
<u>添加下划线的⽂字</u><br>
</body>
成对<b></b>表⽰加粗⽂字显⽰；<i></i>表⽰斜体⽂字显⽰；<u></u>表⽰给⽂字添加下划线；
2.确定⽂字上下标——<sup>/<sub>
基本语法：
<body>
<sup>上标内容</sup><br>
<sub>下标内容</sub><br>
</body>
3.设置地址⽂字<address>
在⽹页中添加地址⽂字，是为了更⽅便地突出显⽰联系⽅式，将联系⼈的地址信息突出显⽰。
基本语法：
<body>
<address>请在此添加地址信息</address>
</body>
4.设置等宽⽂字<tt>、<samp>、<code>、<kdb>
基本语法：
<body>
<tt>打字机风格显⽰</tt>
<code>等宽⽂字设置内容</code>
<samp>等宽⽂字设置内容</samp>
<kdb>键盘输⼊</kdb>
</body>
四.段落<p>
基本语法：
<body><p>...</p></body>
在HTML⽂件中，<p>标记是⼀个段落标记符号，利⽤<p>标记可以对⽹页的⽂字信息进⾏段落的定义，但不能进⾏段落格式的定义。
1.回车<br>
强制换⾏
2.换⾏与不换⾏<wbr>/<nobr>
在HTML中，成对的<nobr></nobr>标记表⽰不换⾏，但是在<nobr>标记中。插⼊成对的<wbr></wbr>标记后，<wbr></wbr>之间的内容会被强制换⾏。
3.预格式化<pre>
在HTML中，利⽤成对的<pre></pre>标记对⽹页中⽂字段落进⾏预格式化，在输⼊过程中，按键盘上的回车键，就可以⽣成⼀个段落。
4.居中显⽰⽂字<center>
利⽤<center></center>标记，对齐标记之间在内容将会在⽹页中居中显⽰。
5.设置段落缩进<blockqute>
对⽂档进⾏编排时，利⽤设置段落缩进，可以增加段落的层次效果。
基本语法：<body><blockqute>需要缩进的内容</blockqute></body>
利⽤⼀对<blockqute></blockqute>标记可以缩进5个字符。
6.忽略HTML标记——<xmp>
在HTML中，利⽤成对的<xmp></xmp>标记可以忽略HTML标记的作⽤，包括标记在内的所有内容都会直接显⽰在页⾯上。
基本语法：<body><xmp>...</xmp></body>
7.插⼊并设置⽔平线<hr>
属性：width 设置⽔平线宽度，可以是像素，也可以是百分⽐；size 设置⽔平线⾼度；noshade 设置⽔平线⽆阴影；color 设置⽔平线颜⾊;align 设置⽔平线居中对齐
基本语法：<body><hr width=""size=""noshade=""color=""align="" > </body>
建⽴和使⽤列表：
⼀.列表类型
列表：在⽹页中将项⽬有序或者⽆序罗列显⽰。
列表类型 标记符号
定义列表 dl
⽆序列表 ul
⽬录列表 dir
菜单列表 menu
有序列表 ol
1.插⼊定义列表<dl>
基本语法：
<dl>
<dt>名称</dt>
<dd>说明</dd>
<dd>说明</dd>
...
</dl>
<dt>标记定义了组成列表名称部分，同时此标记只在<dl>标记中使⽤；<dd>⽤于解释说明<dt>标记定义的项⽬名称，此标记也只能在
<dl>标记中使⽤；
2.插⼊⽆序列表<ul>
基本语法：
<ul>
<li>项⽬名称</li>...
<li>项⽬名称</li>...
<li>项⽬名称</li>...
...
</ul>
使⽤成对<ul></ul>标记可以插⼊⽆序列表，但<ul>标记之间必须使⽤成对<li></li>标记添加到列表项值。
2.插⼊⽬录列表<dir>
只需在使⽤⽬录的地⽅插⼊成对的⽬录列表标记<dir></dir>，就可以很简单地完成⽬录列表的插⼊，但<dir>标记之间必须使⽤成对<li> </li>标记添加列表项值。
基本语法：
<dir>
<li>项⽬名称</li>...
<li>项⽬名称</li>...
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论