学html5编程———常用的标签 前段大G > 首页 > 轮播图 >

学html5编程———常用的标签

HTML常用标签

<hr> 水平线标签
<h1>-<h6> 标题标签
        <h1>h1这里是</h1>   <!--标题标签-->
        <h2>h2这里是</h2>
        <h3>h3这里是</h3>
        <h4>h4这里是</h4>
        <h5>h5这里是</h5>
        <h6>这里是h6</h6>

段落标签<p>
<p>p标签表示一个段落</p>
在输入文本的时候 往往都是分为很多段的 这时候就需要使用段落标签来区分多个段落
在使用p标签的时候 会自动换行并且空出一行 ~
 需要注意的是:
p 标签之间存在一个空隙
当前的 p 标签描述的段落, 前面没有缩进.
自动根据浏览器宽度来决定排版.
html 内容首尾处的换行, 空格均无效.
在 html 中文字之间输入的多个空格只相当于一个空格.
html 中直接输入换行不会真的换行, 而是相当于一个空格
换行标签<br>
br标签会换行但是不会自动空出一行~
br是一个单标签 不需要结束标签

使用p标签会换行并且自动空出一行来
 

超链接标签<a>

herf:必须具备 表示点击后跳转那个地址 可以用#代替 表示什么都不发生 如果herf为空则默认调用自己的网址
target:打开方式 默认是_self 表示关闭当前界面打开新的界面 _blank表示使用新的标签打开
超链接的链接不止可以打开网页 可以有多重应用:
1.外部链接:herf连接其他网站的地址

2.内部连接:在html目录下的其他html文件相互链接
3.空链接 :使用#占位
4.下载链接:href对应的是一个路径是一个文件 点击就会下载该文件
5.网页元素链接:可以给图片等任何元素添加连接(把元素放到a标签中)
6.锚点链接:可以快速定位到网页的某个位置(herf连接#id可以快速跳转)
我们也可以使用指令来禁止a标签跳转任何
禁止 a 标签跳转: <a href="javascript:void(0);"> 或者 <a href="javascript:;">

表格标签

table标签:表示整个表格
tr:表示表格的一行
td:表示表格的一个单元格
th:表示表头单元格 居中加粗
thead:表格的头部部分
tbody:表示表格的主体区域
 表格标签有一些属性, 可以用于设置大小边框等. 但是一般使用 CSS 方式来设置.这些属性都要放到 table 标签中.
align 是表格相对于周围元素的对齐方式. align="center" (不是内部元素的对齐方式)
border 表示边框. 1 表示有边框(数字越大, 边框越粗), "" 表示没边框.
cellpadding: 内容距离边框的距离, 默认 1 像素
cellspacing: 单元格之间的距离. 默认为 2 像素
width / height: 设置尺寸.

合并单元格

跨行合并: rowspan="n"
跨列合并: colspan="n
合并单元格分为三步
1.选确认好要合并几行或者几列
2.找到目标单元格的第一行或者第一列使用指令
3.删除多余的单元格和内容

列表标签

1.无序列表:最外层为ul  内层li  没有明确标识的列表
2.有序列表:  使用ol外层标签  内部li
3.自定义列表
使用dl外部 dt为自定义列表的头部 dd为内容

表单标签

表单域:包含表单元素的区域  一般是from标签
表单控件:表单元素 提交框 提交按钮等 终点是input标签
1.from标签
只要要将表单提交 整个表单就要包含在from标签中
action属性:表示要把数据提交到那个地址
method属性:表示要将数据以何种方式提交
2.input标签
type属性(必须有的):表示标签的类型 主要有 button(普通按钮) checkbox(方形多选框(设置多个)) text(单行文本框) file(选择文件按钮) image(图片按钮) password(密码框)
radio(圆形多选框) submit(提交按钮) reset(重置按钮) 等
name属性:给input起的名字 对于单选按钮 具有相同的name才能实现多选一的效果
value属性:input的默认值
checked默认:默认被选中
maxlength属性:设定最大的长度

 

这篇学html5编程———常用的标签,文章就结束了,有不懂的地方可以联系站长。希望每个前端人员都有可以找到一个好工作,谢谢观看,祝您生活愉快。

前端大G 2023-12-04 11:12 文章点击量: 作者:【前端大G

文章标签: html,教程,培训,—,常用的,常,用的,标签,HTML,