HTML5基本标签属性(个人总结)

HTML基本结构

HTML5基本标签属性(个人总结)_第1张图片HTML5基本标签属性(个人总结)_第2张图片

HTML常用标签

标题标签:

…….

<标签名 属性名=“属性值” 属性名=“属性值”>内容

align :对齐方式属性

段落标签

段落内容

斜体标签斜体内容<./em>

加粗标签加粗内容

字体属性:我是字体标签

横线标签(单):


:单标签.换行:

图片标签(单): ”我是一个图片”

alt :替代文本,但图片丢失时显示。width:宽度。 Height;高度

源代码:HTML5基本标签属性(个人总结)_第3张图片

HTML5基本标签属性(个人总结)_第4张图片

超链接:超链接

href:设置页面跳转路径  target:设置窗口打开方式

下划线标签需要加下划线的内容

 

 

锚(mao)点的使用:

一、同一个页面:

1、创建目的地。2、跳转链接

顶部

回到顶部

Name就是给锚点命名。英文

 二、非同一页面:

 1)目的地:

2)跳转链接:

 

 

 

表格和表单

Caption设置表格名称

HTML5基本标签属性(个人总结)_第5张图片

表格常用属性

边框的宽度" width="宽度" cellspacing="合并边框" height="高度" bgcolor="设置背景颜色" bordercolor="设置边框颜色" align="设置表格的对齐方式">

width:指定表格的宽度,单位为像素或百分数

•height:指定表格的高度,单位为像素或百分数

•border:指定表格边框的宽度,单位为像素

•cellpadding:指定单元格四壁与其内容的距离,单位为像素或百分数•cellspacing:指定相邻单元格之间的距离,单位为像素或百分数

•bordercolor:指定表格的边框色

•bgcolor:指定表格的背景色:

颜色的设置方式:

       1.用颜色的英文单词,red

       2.用十六进制表示(0-f)rgb:#0-f

tr常用属性

•align:指定单元格中文本的对齐方式,常用center、left、right

•valign:指定单元格内容的垂直对齐方式,常用top、middle、bottom

•bordercolor:指定行的边框色

•bgcolor:指定行的背景色

td常用属性

width:指定单元格的宽度,单位为像素或百分数

•height:指定单元格的高度,单位为像素或百分数

•align:指定单元格中文本的对齐方式,常用center、left、right

•colspan:指定单元格应跨越的列数

•rowspan:指定单元格应跨越的行数

•valign:指定单元格内容垂直的对齐方式,常用top、middle、bottom•bgcolor:指定单元格的背景色

合并标签:

行合并(rowspn):

HTML5基本标签属性(个人总结)_第6张图片

列合并(colspan):

th :设置表格中的表头,相当于strong

HTML5基本标签属性(个人总结)_第7张图片

表单:
:
搜集用户输入

action:设置输入目的地。Methon:数据提交方式

HTML5基本标签属性(个人总结)_第8张图片

表单元素:

 :空格

输入控件:input(type = test\password\radio(单选)\checkbox(复选框)、file(文件))

单标签

单选按钮:radio  Name属性:将该值设为相同值,实现单按钮的分组,达到单按钮的互斥。

复选框:checkbox

HTML5基本标签属性(个人总结)_第9张图片HTML5基本标签属性(个人总结)_第10张图片

下拉列表标签:

HTML5基本标签属性(个人总结)_第11张图片HTML5基本标签属性(个人总结)_第12张图片

 

 

 

文本域:textarea  cols:列数  rows:行数’ HTML5基本标签属性(个人总结)_第13张图片 HTML5基本标签属性(个人总结)_第14张图片

按钮:

input:button(普通按钮)、submit(提交按钮)、reset(重置按钮)、image(图片按钮)单标签

button:button(普通按钮)、submit(提交按钮)、reset(重置按钮)双标签

 HTML5基本标签属性(个人总结)_第15张图片HTML5基本标签属性(个人总结)_第16张图片

 

HTML5基本标签属性(个人总结)_第17张图片

1getpost提交方式的区别

    get:将提交的数据拼接在url地址栏后面,不安全,请求速度快

    post:将输入封装在请求头中,安全,请求速度慢

3.表单元素的常用属性

    Name: 如果要正确地被提交,每个输入字段必须设置一个 name 属性

    placeholder="当输入未输入时显示该提示文本"

    autofocus="autofocus":设置自动聚焦

    readonly="readonly":设置只读

    required="required":设置必填项

    disabled="disabled":禁用(用在按钮上)

设置单选框和复选框的默认勾选:checked="checked"

       设置下拉列表的默认勾选时:selected="selected"

       lable:用来控制input元素的标记标签

       lable中的for属性值与它配合的input元素的id属性值一样

Name属性用来传输数据时的标识。Id属性是该表单内部的标识。

你可能感兴趣的:(前端学习)