关于HTML的一些小总结

<!DOCTYPE html> ------- 声明一个html的文档
<html lang="en"> ------- 网页的开始
<head> -------- 网页的头部 的开始
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> ------ 网页的标题
</head> ------ 网页头部的结束
<body> ------ 网页内容的开始

</body> ------- 网页内容的结束

</html>
<strong>这个是粗体</strong>
<b>也是粗体</b>
<em>这是斜体</em>
<i>也是斜体</i>
<u>下划线</u>
<del>删除线</del>
这是第一行<br>
这是第二行
<p align = "left">
这是一个段落
</p>
<p align = "center">
这是一个段落
</p>
<p align = "right">
这是一个段落
</p>
<p>
这是一个段落
</p>
<font color="#CC0033"></font>
这是字体标签
sub ------ 下标标签
sup ------- 上标标签
pre ------ 用来原样输出内容
span ------ 修饰文本的标签 ---- 标准的行内标签
hn ------- 标题标签 指的是h1,h2,h3,h4,h5,h6 ----------- n的取值只能是1-6 字体会越来越小 有加粗的
效果
div ------- 标准的块级标签------ 盒子布局
行内标签:不能自动换行,除非这一行内容铺满整个页面才会换行

span
块级标签:自动换行,独占一行 div hn p hr

text ----- 文本框

password ---- 密码框

submit ----- 提交按钮

radio ------ 单选按钮

checkbox ----- 多选按钮

reset ----- 重置按钮

button ----- 普通按钮

image ----- 图像按钮

file ------ 文件

hidden ---- 隐藏域

email ---- 邮箱域

color ----- 颜色域

date ----- 日期

time ----- 时间

datetime-local ----- 日期+时间

range ------ 进度条

常见的属性:

readonly ------ 只读 字段只可以读不能修改

checked ---- 默认选择

disabled ----- 表示禁用 不可以点击

autofocus ----- 默认光标的位置

required ----- 不能空白提交

a标签 ----- 超链接

vlink ----- 访问过的超文本链接的颜色

alink ---- 激活超文本链接的颜色

link ------ 超文本链接的颜色

text ---- 文本的颜色

bgcolor ----- 背景颜色

background ----- 背景图片

img标签

src ----- 图片的路径 (绝对路径和相对路径)

alt ----- 代替图片文本的内容

width ----- 宽度

height ---- 高度 单位都是px %

border ------ 边框 默认值是0

align ---- 位置 (图片和文字的位置)

取值:top ----- 上对齐

middle ----- 居中对齐

bottom ------ 下对齐(默认对齐)

right ----- 右对齐

left ------ 左对齐

usemap 属性

map标签 一般会和area标签进行连用

area标签 属性:

shape ------- 鼠标点击的形状

coords ----- 表述鼠标点击形状的大小

href ----- 表示要跳转的路径

audio ------ 音频

video ---- -- 视频

controls属性 ----- 表示的是播放器的组件

autoplay属性 ---- 表示的自动播放

loop属性 ------ 表示的是循环播放

  • 15
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值