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