后端学习笔记(八)--HTML

1.HTML

​ *编写网页的一门语言

​ *HTML(HyperText Markup Language):超文本标记语言

​ *超文本:超越了文本的限制,比普通文本更强大。除了文字信息,还可以定义图片、音频、视频等内容

​ *标记语言:由标签构成的语言

​ *W3C(万维网联盟)标准:网页主要有三部分组成

​ *结构:HTML

​ *表现:CSS

​ *行为:JavaScript

1.快速入门

​ *步骤:

1.新建文本文件,后缀名改为.html

2.编写HTML结构标签

3.在中定义文字

html 复制代码
<html>
    <head>	//头标签
        <title></title>	//标题
    </head>
    <body>	//体标签
        <font color="red">乾坤未定,你我皆是黑马~</font>
    </body>
</html>

2.基础标签

标签 描述
h1~h6 定义标题
front 定义文本的字体、字体尺寸、字体颜色
b 粗体文本
i 斜体文本
u 文本下划线
center 文本居中
p 段落
br 换行
hr 水平线

​ *表示颜色:

​ 1.英文单词:red,pink,blue...

​ 2.rgb(值1,值2,值3):值的取值范围:0~255 rgb(255,0,0)

​ 3.#值1值2值3:值的范围:00~FF

​ *转义字符

3.图片、音频、视频标签

标签 描述
img 定义图片
audio 定义音频
vedio 定义视频

​ *img:定义图片

​ *src:规定图像的URL

​ *height:图像的高度

​ *width:图像的宽度

​ *audio:音频,支持格式:MP3、WAV、OGG

​ *src:规定音频的URL

​ *controls:显示播放控件

​ *video:视频,支持格式:MP4,WebM、OGG

​ *src:规定视频的URL

​ *controls:显示播放控件

​ *资源路径:

​ 1.绝对路径:完整路径

​ 2.相对路径:

​ *尺寸单位:

​ 1.px:像素和%

​ 2.百分比

4.超链接标签

标签 描述
a 超链接

​ *href:指定访问资源的URL

​ *target:指定打开资源的方式

​ *_self:默认值,在当前页面打开

​ *_blank:在空白页面打开

5.列表标签

​ *有序列表(order list)

​ *无需列表(unorder list)

标签 描述
有序列表
无序列表
* 列表项

*type:设置项目符号

6.表格标签

| 标签 | 描述 |
|----|----|-------|
| | 表格 |
| |
| 行 |
| | | 单元格 |
| | | 表头单元格 |

*table:定义表格

​ *border:规定表格边框的宽度

​ *width:规定表格的宽度

​ *cellspacing:单元格之间的空白

*tr:定义行

​ *align:定义表格行的内容对其方式

*td、th:单元格

​ *rowspan:单元格可横跨的行数

​ *colspan:单元格可横跨的列数


6.布局标签

标签 描述
div 定义HTML文档中的一个区域部分,经常与CSS一起使用,用来布局网页
span 组合行内元素

7.表单标签

标签 描述
form 定义表单
input 表单项,通过type属性控制输入形式
label 表单项定义标注
select 定义下拉列表
option 定义下拉列表的列表项
textarea 定义文本域

*form:定义表单

​ *action:规定当提交表单时向何处URL发送表单数据

​ *表单项数据想要被提交,则必须指定其name属性

​ *method:规定用于发送表单数据的方式

​ *get:列蓝旗会将数据直接附在表单的acion URL之后。请求参数大小有限制(4kb)

​ *请求参数会拼接在URL后面

​ *post:浏览器会将数据放到http请求消息体中。请求参数大小无限制

​ *请求参数会在http请求协议的请求体中

8.表单项标签

*:表单项,通过types胡新控制输入形式

*:定义下拉列表,定义列表项

*:文本域

相关推荐
青椒大仙KI1129 分钟前
24/9/19 算法笔记 kaggle BankChurn数据分类
笔记·算法·分类
liangbm31 小时前
数学建模笔记——动态规划
笔记·python·算法·数学建模·动态规划·背包问题·优化问题
潮汐退涨月冷风霜1 小时前
机器学习之非监督学习(四)K-means 聚类算法
学习·算法·机器学习
GoppViper1 小时前
golang学习笔记29——golang 中如何将 GitHub 最新提交的版本设置为 v1.0.0
笔记·git·后端·学习·golang·github·源代码管理
羊小猪~~1 小时前
深度学习基础案例5--VGG16人脸识别(体验学习的痛苦与乐趣)
人工智能·python·深度学习·学习·算法·机器学习·cnn
Charles Ray2 小时前
C++学习笔记 —— 内存分配 new
c++·笔记·学习
重生之我在20年代敲代码2 小时前
strncpy函数的使用和模拟实现
c语言·开发语言·c++·经验分享·笔记
我要吐泡泡了哦3 小时前
GAMES104:15 游戏引擎的玩法系统基础-学习笔记
笔记·学习·游戏引擎
骑鱼过海的猫1233 小时前
【tomcat】tomcat学习笔记
笔记·学习·tomcat
贾saisai5 小时前
Xilinx系FPGA学习笔记(九)DDR3学习
笔记·学习·fpga开发