HTML-day01笔记

最新推荐文章于 2025-10-08 15:11:37 发布

原创最新推荐文章于 2025-10-08 15:11:37 发布 · 163 阅读

0 ·

CC 4.0 BY-SA版权

HTML

超文本标记语言

超文本：既有文本的特性，也有超越文本的特性；比如：插入图片，多媒体等。

标记：由标签组成，不同的标签有不同展示效果或功能

html文件的后缀： html 或 htm
HTML文档的结构：...

常用标签

多媒体标签:音频：<audio></audio>

视频： <video></video>

超链接

<a></a> href ：地址路径

Target:设置打开连接方式

_self 在本页面打开

_blank 在新页面打开

_top 回到顶部打开

new 和 _blank类似：在新页面打开

功能：

连接到目标地址
锚点：导航的效果

设置锚点

跳到锚点

功能性链接比如发邮件
跑马灯效果

Bgcolor:背景颜色

Direction :滚动方向

Behavior:滚动方式

Scroll：循环滚动

Alternate:交替滚动

Slide:滚动单次

Srolldelay:滚动速度，数值越大，速度越慢

Loop:滚动次数

5.图片标签：<img/>

路径：相对，绝对

相对：以本文件为起点，找到目标文件的路径

./ :同一级

../ ：上级

绝对路径:从电脑盘符开始，找到目标文件的路径

Alt:图片无法加载显示的文字

Title：鼠标放在图上的提示

5.form表单：提交页面中表单数据

Aciton:提交数据的地址

Method:提交的方法

Post:利用消息体传输数据。更安全，不可见，数量级更大

Get:默认get；提交的数据利用url地址传输，数据可见。字符串大小不能超过2k

提交形式：

服务器地址/功能/？name=值1 & name = 值2

https://www.baidu.com/s?wd=您好

输入框：<input>输入框：默认是文本输入框

<input type=”text”> 文本输入框

type=”password” 密码输入框

Type=”button”点击按钮

Type=checkbox 复选

Type=”radio” 单选

Type=”hidden” 隐藏：传值

Type=file 文件

Type=reset 重置form标签的输入框

Type=submit 提交

Type=date 时间

下拉多选框：<select>

</select>

输入框的属性设置：

Name=”sex”:通过name获取input框中的值

Value=”id=2” ：定义input中的值

placeholder="请输入账户" 提示符

checked="checked" 默认选中

readonly="readonly" 只读不能输入可传输

disabled="disabled" 禁止不能输入，不能传输数据

selected="selected" 默认下拉框选中

区域布局标签

盒子，定义页面中一块区域；

特点：页面布局灵活，常用布局方式；

Ul 和 li

上下级的关系，在大区域中，设置ul和li上下级区域

总结便签

.行级标签：1.不会占用整行，不会换行排列。多个行级标签排列在同一行

2.不能设置行级标签的宽高（区域）比如：<a><input><span>

(2).块级标签

1.会独占整行，换行排列，多个块级标签是上下排列；

2.可设置块级标签的宽高

3.比如 div ul li p

(3).行内块标签

1.不会占用整行，不会换行排列，多个行级标签排列在同一行

2.可设置标签的高度

3.比如：img ,marquee

块级标签的转换：display:block;

行级标签的转换：display:inline;

结束总结：

HTML的认识和结构
常用标签
页面布局，把标签组合到布局区域中

作业：

7个标签熟练使用
京东布局
选做：页面