HTML

it2022-05-05  125

HTML

一、HTML简介

什么是HTML

HTML:HyperText Markup Language,超文本标记语言。

HTML的作用

用来编写网页的

HTML的语法

page title

Hello, world!!!

HTML文件后缀名是:.html 或者 .htmHTML由一堆标签组成: 标签:<关键字></关键字>标签可以嵌套html是根标签 开始标签上可以增加属性HTML不区分大小写HTML不需要编译,可以使用浏览器直接打开 使用idea开发网页

二、HTML标签

文字排版

1.1 标题标签: h1~h6

特点:

文字加粗

内置字号:h1最大,h6最小

独占一行

世界

世界

1.2 横线标签:hr(重点)

自闭合标签常用属性有:

color:横线的颜色

size:横线的粗细

width:横线的长短

align:横线的水平位置。left/center/right


1.3 段落标签:p

特点: 段落之间有空白 的间隔一个段落一个p标签,多个段落多个p标签

1.4 换行标签:br(重点)

自闭合标签特点: 换行后,行之间没有空白间隔

1.5 文字标签:font

常用属性: color:文字的颜色size:文字的大小,最小1,最大7,默认3face:文字的字体

1.6 粗体字标签:b

1.7 斜体字标签:i

图片显示

2.1 图片标签:img(重点)

常用属性: src:图片的路径。必须有width:图片显示的宽度。height:图片显示的高度title:鼠标悬浮提示alt:图片加载不出来时,给的文字提示信息 注意:

图片只有width或者只有height时,会等比例缩放显示;如果有width和height都有,图片可能会变形

清单和超链接

3.1 清单标签

3.1.1 无序清单:ul + li

ul:清单本身,必须要配合子标签li使用 type属性:每个清单项前边的符号类型。常用值有: disc:小圆点,默认值circle:小圆圈square:小方块 li:清单项。一个清单项,就要有一个li标签

3.1.2 有序清单:ol + li

ol:清单本身,必须要配合子标签li使用 type属性:每个清单项前边的序号类型 A/a:大小字母/小字字母的序号I/i: 大写罗马数字/小写罗马数字 的序号1: 数字序号 li:清单项。一个清单项,就要有一个li标签

3.2 超链接标签:a (重点)

常用属性: href:跳转到哪target:在哪显示新页面 _self:在当前窗口显示_blank:在新窗口显示 表格

4.1 表格的标签(重点)

table标签:表格本身 border:边框线。1:有边框;0:没有边框width:表格的宽度bgcolor:表格的背景颜色cellspacing:表格里单元格之间的间隔align:表格整体的水平位置 tr标签:行标签(table的子标签) align:行里内容的水平位置 td标签:单元格标签(tr的子标签) align:单元格里内容的水平位置 th标签:表头单元格标签。用法和td完全一样,仅仅是自带样式:加粗并居中caption:标题标签(table的子标签)。通常是在第1个tr之前

4.2 合并单元格

确定是跨行还是跨列

跨行用 rowspan跨列用 colspan

确定属性加在哪个单元格上

加在要合并的单元格,第1个单元格上

确定属性值是几:

要合并几个单元格,值就是几

删除被合并掉的单元格

其它标签

5.1 文档声明

<!DOCTYPE html>

注意:文档声明要写在HTML的最前边

5.2 head标签

5.3 HTML的实体字符

三、其它

颜色的写法 颜色的名称:red, blue, green, yellow十六进制的色码:# 后边跟6位十六进制数字,比如:#ffffff 6位数字完全相同,可以简写成3位:#666666,简写成:#666 尺寸的写法 固定像素:500px百分比写法:50% 注意:是占父窗口的百分比 路径的写法 相对路径: …/开头的,表示从上级目录里找./开头的,表示从当前目录里找。./可以省略不写 绝对路径: http://www.baidu.com…/开头的路径(服务端web核心时使用)

最新回复(0)