HTML基础结构与格式化元素.pdfVIP

基本机构

!DOCTYPE

!DOCTYPE位于文档中的最前面的位置，处于

html之前。此可告知浏览器文档使用哪种HTML规

范。

Head文档信息

1.meta

metacharset=’utf-8’

出现乱码，统一编码

要修改，浏览器编码，html的编码

Seo优化作用

页面关键字描述信息，告诉搜索引擎这个网页是干什么，使用搜索引擎才能容易查找

metaname=keywordscontent=页面关键字

metaname=descriptioncontent=网页描述

基本元素

行内元素

不会独占一行，宽度是由本身的宽度来确定，行内元素换行，直到一行排不下就会换行

spanibstrong

如果说行内元素因为换行出现空格

解决方法

块元素

块的宽度由父元素宽度确定，自动填满，,块级元素会独占一行

div、h1、p

文本格式化元素

文本格式化元素：

i、定义斜体，斜体文字

b、字体加粗

em、定义是着重文字,强调文本，斜体文字。

strong、定义粗体文本

small、定义小号字体文本

big、定义大号文本

sup、定义上标文本

sub、定义下标文本

del、删除线

pre元素可定义预格式化的文本。被包围在pre元素中的文本通常会保留

空格和换行符。而文本也会呈现为等宽字体。

i表现化只是单纯的控制外观的

em结构化，给文档添加有意义的内容

字符实体

Img图像

imgsrc=“的路径”alt=“”title=“”width=“宽度”height=“高度”/

src地址路径

Width宽度

Height高度

Alt显示不出来，出现的文字

Title鼠标移动上去就会出现效果

如果需要使用等比例

定义任意的宽度或者说高度

超

ahref=“url地址”name=target=”打开窗口位置”显示文本/a

Target默认是本窗口显示

_bank新窗口打开

Name

先利用name属性定义名称，利用（#名称）的形式跳转到已经定义的

A除了能够跳转到其他页面，也能在本地跳转，也可以在本页面跳转

做法：

A当中name属性

如何跳转

通过href当中的#来确定其位置，注意之间的联系name属性

跨页面跳转

a.html

Test.html

A邮件

Mailto邮件接收地址

Subject

说明：如果你的电脑没有安装邮件发送工具，那么没有任何效果

打开当前计算机系统中默认的电子邮件客户端软件，

例如:OutLookExpress或者foxmail

ahref=“mailto:电子邮箱地址?subject=hello/a

Table

tableborder=“边框宽度”cellspacing=“空隙大小”cellpadding=“填充大小”

trtdtd/tr

/table

tr定义表格行

td定义单元格，里面包含属性（colspan、rowspan、height）

行包裹着列

cellpadding指定单元格内容和单元格边框之间的间距

cellspacing指定单元格之间的间距

Align内容对齐方式，水平方向

Valign:top|middle|bottom表格对齐方式，垂直方向

th表头是默认是有样式，有利于搜索引擎

效果

Tbody、thead结构化，有利于搜索引擎区分，不会影响样式

使用示例

合并单元格

横向合并Colspan规定单元格可横跨的列数。

纵向合并rowspan

无序列表

使用形式：

ultype=“属