首页 前端知识 HTML自我总结

HTML自我总结

2024-04-16 17:04:32 前端知识 前端哥 207 268 我要收藏

HTML作为一个做网页(前端)的程序,其内包含了许多实现各种功能的命令,如写入图片的img命令,作为表格的table标签,段落标签p还有一些特殊格式如字体为粗体的strong/b,斜体em/i,下划线u,删除线del等等0。

我们想要用好HTML,不仅需要熟练掌握其中的各种命令,还需要强大的逻辑能力,因为命令之间是经常需要嵌套使用把它们合理的组织好从而进行使用,就像人类的行为一样,想要做高难度的行为时就必须协调好身体各个肌肉,合理分配工作,各尽其职。

下面是一些所学的基础命令:

strong/b                粗体
em/i                    斜体
u                    下划线
del                    删除线
(/)br(单标签)                换行
hr(单标签)(width=“长度”,size=“粗细”)    水平分割线
p                    段落标签(两个相邻p标签输出内容中间会空一行)
font(px:像素)                                 字体
color=“颜色(#rrggbb(三原色 red green blue)/对应颜色单词)”
rgba()a表示透明度
align=“位置(left/center/right)”
sub                    下标标签
sup                    上标标签
pre                    原样输出
span                    修饰文本的标签(标准的行内标签)
hn(h1,h2,h3,h4,h5,h6)            标题标签(1-6级标签,自动换行)
div                    标准块级标签
(块级标签:独占一行,自动换行。 ps:div,p,hr,hn......)
(行内标签:不自动换行。)
form                    表单(一般与input联用)
passwrod                密码
text                    文本
action=“(../)路径”            跳转路径(绝对路径/相对路径(推荐))
method                 表单提交方式(get(会把用户请求的内容暴露在地址栏上)/post(推荐),默认为get)
name                    名称
input type=“类型” name=“名称” value=“值”


type的值:
text------文本框        password------密码框        radio------单选按钮    button------普通按钮
checkbox------多选按钮    submit------提交按钮        reset------重置按钮    color------颜色域
image------图片提交    src=“图片”------跳转图片         file------文件域        date------选择日期
hidden------隐藏域    email------填写邮箱        time------选择时间    range------进度条
datetime-local------选择日期时间

input常用属性:
checked------默认选择(单选/多选)    readonly------只读    disabled------禁用
autofocus------默认光标位置    required------不能为空白

select                    下拉列表框(多与option连用)
selected                默认选择
multiple                列表框
textarea                文本域
(cols:多少列,用于显示文本宽度。  rows:多少行,用于显示文本的高度)

a标签:
vlink------访问超链接文本颜色
Alink------激活超链接文本颜色
link------超链接文本颜色
text------文本颜色
target------网页跳转方式
(_bank------在新窗口中被链接打开        _self------默认,在相同的框架中打开被连接文档
_parent------在父框集中打开被链接文档    _top------在整个窗口中打开被链接文档)

bgcolor------背景颜色
background------背景图片

img标签(图片):
src------图片路径(绝对/相对)    alt------代替图片的文本内容(明)    width------宽度
height------高度        border------边框(默认为0)    title------描述图片文字(隐)
align------位置(图片与文字,top:上对齐,middle:居中对齐,bottom:下对齐,lift/right:左/右对齐,默认为下对齐)
usemap属性(usemap=“#名称”)
map标签的name属性,一般和area连用
shape------鼠标点击的形状(default:整个区域,rect:定义矩形区域,circle:定义圆形区域,poly:定义多边形区域)
coords------鼠标点击形状的大小
(x1,y1,x2,y2:规定矩形左上角和右下角坐标。x,y,radius:规定圆心的坐标和半径。x1,y1,x2,y2,...,xn,yn:规定多边形的坐标)
href------跳转的路径
多媒体标签:
audio------音频        video------视频        controls------显示对应组件
loop------循环        autoplay------自动播放(大部分浏览器不支持)

table标签(表格):
tr------行    td------列(列在行中)    th------标题    border------边框
width------宽度        height------高度        align------对齐方式(lift/center/right)
bgcolor------背景图片    background------背景图片         cellpadding------边距(单元格元素)
cellspacing------间距(单元格之间)(边/间距默认2px)
表格的合并:
rowspan------合并行    colspan------合并列

总的来说:HTML不难,只是需要多了解.熟记各种命令,还需要一颗灵光的脑袋,懂得创新的脑子,后者最为重要,它是与别人拉开差距的重要因素,但不是说前者就不重要了,毕竟有好的种子,没有好的土壤,结出来的果子也不尽人意。希望我能够勤能补拙,坚守初心,继续努力!

转载请注明出处或者链接地址:https://www.qianduange.cn//article/5037.html
标签
评论
发布的文章

用js生成小米商城

2024-04-27 21:04:59

网页汇率计算器vue代码

2024-04-26 13:04:44

Python读写Json文件

2024-04-23 22:04:19

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!