HTML-01

HTML第一集

特性：

<!DOCTYPE> 声明没有结束标签

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

就是没有关闭标签的空元素，用于换行

HTML 标签对大小写不敏感： 等同于

在所有浏览器中的显示都没有问题，使用 也可以

Html的结构head body，

body部分是我们看到的

Title定义网页头部信息，可以放logo 一般meta数据放在title上面

例子：

refresh示例：

5秒之后刷新本页面:

5秒之后转到百度首页:

"keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到

HTML特点:

块标签就是一个标签占一行。行标签,从左到右一直堆叠

行标签：包含a、span、em、strong、img、var；

a标签：主要用来链接一个其他的网页；

span标签：主要用来对行内的文字进行一些样式以及其他的操作；

em标签：一般用来对文字进行强调，使用斜体体现出来；

strong标签：一般用来对文字进行强调，使用加粗字体体现出来；

img标签：图片引用标签，其中 src属性中写入图片的地址；

var标签：JavaScript中命名变量的标签。

块标签：包含p、div、ul、ol、li、dl、dt、dd、h1~h6；

p标签：段落标签，段落文字使用，默认格式：段尾进行换行；

div标签：划分块的主要使用标签；万能标签可以加css创造出很多效果

ul标签：无序列表的主标签，后面的标号为圆点（黑色）；

ol标签：有序列表的主标签，后面一般跟有序的1,2,3,4,5...；

li标签：列表中的主体使用标签

dl标签：自定义标签的主标签；

dt标签：自定义标签的表头；

dd标签：自定义标签的表头的解释（描述）信息；

h1~h6：6级标题标签、字体的大小依次变小。

块标签和行标签的区别：

1. 块标签：独自占领一行、可以进行宽高的数值的设定；

2. 行标签：在一行内显示、不可以进行宽高的数值设定；

嵌套规则

1. 块标签可以套行标签，行标签不可以套块标签。

2. P标签不要套块属性标签，可以套a，span，文本。。。

3. 嵌套的时候注意代码的缩进。

在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。

&gt 表大于号 &lt表小于号 &nbsp 空格

常用元素：

<html></html> 创建一个HTML文档

<head></head> 设置文档标题和其它在网页中不显示的信息

<title></title> 设置文档的标题

<pre></pre> 预先格式化文本

下划线

黑体字

斜体字

<tt></tt> 打字机风格的字体

<cite></cite> 引用,通常是斜体

强调文本(通常是斜体加黑体)

加重文本(通常是斜体加黑体)

设置字体大小从1到7，颜色使用名字或RGB的十六进制值

<BASEFONT></BASEFONT> 基准字体标记

<big></big> 字体加大

字体缩小

<STRIKE></STRIKE> 加删除线

<CODE></CODE> 程式码

<SAMP></SAMP> 范例

<VAR></VAR> 变量

<BLOCKQUOTE></BLOCKQUOTE> 向右缩排

<DFN></DFN> 述语定义

...字體顏色

...最小字體

...無限增大

常用标签

创建一个段落

将段落按左、中、右对齐

换行插入换行符

<blockquote></blockquote> 从两边缩进文本

<ol></ol> 创建一个标有数字的列表

<ul></ul> 创建一个标有圆点的列表

<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,

若在<ul></ul>之间则每个列表项加上一个圆点

<div align=""></div> 用来排版大块HTML段落,也用于格式化表

<MENU> 选项清单

<DIR> 目录清单

强行不换行

<hr size='9' width='80%' color='ff0000'>水平線(設定寬度)

<center></center> 水平居中

链接标志表格标志

<a href="URL"></a> 创建超文本链接

</a> 创建自动发送电子邮件的链接

<a name="name"></a> 创建位于文档内部的书签

<a href="#name"></a> 创建指向位于文档内部书签的链接

<LINK> 定义一个链接和源之间的相互关系

猜你喜欢