【HTML 基础】
时间:2022-12-06 17:30:01
【HTML 基础】
- HTML 它是一种语言,所有的网页都使用 HTML 这门语言编写出来的
- HTML(HyperText Markup Language):超文本标记语言
- HTML 在浏览器上运行,HTML 浏览器分析标签
- HTML 标签都是预定义的。
展示图片 - W3C 标准:网页主要由三部分组成:
- 结构:HTML
- 表现:CSS
- 行为:JavaScript
一、 HTML 介绍及快速入门
- 新文本文件的后缀名称改为 .html
- 编写 HTML 结构标签
- 在
中定义文字
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML 快速入门title> head> <body> 乾坤未定,你我都是黑马。 <font color="red">乾坤未定,你我都是黑马。font> body> html>
总结:
- HTML 文件以 .htm 或者 .html 为扩展名
- HTML 结构标签:
标签 | 描述 |
---|---|
|
定义 HTML 文档 |
|
定义文档信息 |
|
定义文档标题 |
|
定义文档的主体 |
- HTML 标签不区分大小写
- HTML 单双引标签属性值
- HTML 语法松散
二、 基础标签
标签 | 描述 |
---|---|
|
定义标题,h1 最大,h6 最小 |
|
定义字体、字体大小、字体颜色 |
|
定义粗体文本 |
|
定义斜体文本 |
|
下划线定义文本 |
|
定义水平居中 |
|
定义段落 |
|
定义拆行 |
|
定义水平线 |
HTML 表示颜色:
- 英文单词:red、pink、blue…
rgb(值1,值2,值3)
:值的取值范围:0 ~ 255
例如:rgb(255,0,0) ,为红色#值1值2值3
值范围:00 ~ FF(十六进制)
HTML 原代码 | 显示结果 | 描述 |
---|---|---|
< |
< | 小于号或显示标记 |
> |
> | 大于号或显示标记 |
& |
& | 可用于显示其他特殊字符 |
" |
" | 引号 |
® |
® | 已注册 |
© |
© | 版权 |
™ |
™ | 商标 |
|
不断行的空白 |
三、 图片、音频、视频标签
标签 | 描述 |
---|---|
|
定义图片 |
|
定义音频 |
|
定义视频 |
- img :定义图片
- src :规定显示图像的 URL(统一资源定位符)
- height :定义图像的高度
- width :定义图像的宽度
- audio :定义音频,支持的音频格式 MP3,WAV,OGG
- src :规定音频的 URL
- controls :显示播放控件
- video :定义视频,支持的视频格式 MP4,WebM,OGG
- src :规定视频的 URL
- controls :显示播放控件
资源路径:
- 绝对路径:完整路径
- 相对路径:相对位置关系
尺寸单位:
- px :像素
- 百分比
四、 超链接标签
标签 | 描述 |
---|---|
|
定义超链接,用于链接到另一个资源 |
- href :指定访问资源的 URL
- target :指定打开资源的方式:
- _self :默认值,在当前页面打开
- _blank :在空白页面打开
五、 列表标签
标签 | 描述 |
---|---|
|
定义有序列表 |
|
定义无序列表 |
|
定义列表项 |
- type :设置项目符号
六、 表格标签
标签 | 描述 | ||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|