HTML5常用标签总结(入门)

一、常用的标签 h1~h6 表示是一个标题 p 段落标签 hr/ 水平线标签 br/ 换行标签 sub 下标 sup 上标 pre 原样标签: 原样标签会保留空格和换行符。 ol li 有序的列表标签、 ul li 无序的列表标签。 项目列表标签(dl dt dd) 行内标签(span) 块标签div div标签

一、常用的标签

<h1>~<h6> 表示是一个标题

<p> 段落标签

<hr/> 水平线标签

<br/> 换行标签

<sub> 下标

<sup> 上标

<pre> 原样标签: 原样标签会保留空格和换行符。

<ol> <li> 有序的列表标签、

<ul> <li> 无序的列表标签。

项目列表标签(dl dt dd)

行内标签(span)

块标签<div> div标签的内容会独立占一行。

二、实体标签

空格 &nbsp;

小于号 &lt;

大于号 &gt;

-----------------------------

人民币 &yen;

版权 &copy;

商标 &reg;

三、媒体标签

<embed></embed>

hidden : 设置隐藏插件是否隐藏。

src :用于指定音乐的路径

<embed src="1.mp3" ></embed>

<marquee> 飘动标签direction : 指定飘动的方向

scrollamount : 指定飘动的速度。

loop :指定飘动的次数

四、超链接标签

<a> 超链接标签

a标签常用的属性:

href : 用于指定链接的资源

target: 设置打开新资源的目标。

_Blank 在独立的窗口上打开新资源

_self 在当前窗口打开新资源

file: file协议(文件协议)这种协议主要是用于搜索本地机器的资源文件的。

格式:

file:///f:/美女/1.jpg

邮件 的协议: mailTo迅雷的协议: thunder

超链接标签的作用:

1. 可以用于链接资源。

2. 锚点点位.

1. 首先编写一个锚点 锚点的格式: <a name="锚点名字"> 数据</a>

2. 使用a标签 的herf属性连接到锚点出。 href=”#锚点的名字“

五、图片标签

img标签常用的属性:

width: 设置图片宽度

height 设置图片高度

alt: 如果图片资源无法找到,那么就显示对应的文字对图片进行说明。

六、表格标签

表格使用到的标签:

<table> 表格

<tr> 行

<td> 单元格

<th> 表头 默认的样式是居中,加粗。

<caption> 表格的标题

表格常用的属性:

border 设置表格的边框

width : 设置表格的宽度

height: 设置表格的高度的。

colspan: 设置单元格占据指定的列数。

rowspan : 设置单元格占据指定的行数。

<thead> 标签用于组合 HTML 表格的表头内容。

<thead> 元素应该与<tbody>和<tfoot>元素结合起来使用,用来规定表格的各个部分(表头、主体、页脚)。

通过使用这些元素,使浏览器有能力支持独立于表格表头和表格页脚的表格主体滚动。当包含多个页面的长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。

<thead> 标签必须被用在以下情境中:作为 <table> 元素的子元素,出现在 <caption>、<colgroup> 元素之后,<tbody>、 <tfoot> 和 <tr> 元素之前。

七、表单标签

<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!-- 表单标签: 表单标签的作用是用于提交数据给服务器的表单标签的根标签是<form>标签常用的属性action: 该属性是用于指定提交数据的地址。method: 指定表单的提交方式。get : 默认使用的提交方式。 提交的数据会显示在地址栏上。post : 提交的数据不会显示在地址栏上。注意: 表单项的数据如果需要提交到服务器上面,那么表单项必须要有name的属性值 -->

</head>
<body>
<form action="http://www.baidu.com" method="post"> <!-- 文本输入框 单 行- -> 用户名:<input name="userName" type="text"/><br/>
<!-- 密码框 -->
密码:<input name="password" type="password"/><br/>
<!-- 单选框 -->
性别: 男<input checked="true" value="man" name="sex" type="radio"/>
女<input name="sex" value="woman" type="radio"/><br/>
< !-- 下拉框 -->
来自的城市:<select name="city">
<option value="BJ">北京</option>
<option value="SH">上海</option>
<option value="GZ">广州</option>
<option value="SZ">深圳</option>
</select><br/>
<!-- 复选框 同一组的复选框name的属性值要一致 -->
兴趣爱好:java <input value="java" name="hobit" checked="checked" type ="checkbox" />
javascript <input type="checkbox" value="javascript" name="hobit" />
android <input value="android" name="hobit" type="checkbox" /><br/> <!-- 文件上传框-->
大头照:<input name="image" type="file" /><br/>
个人简介:
<!-- 文本域 -->
<textarea name="intro" rows="10" cols="30"></textarea><br/>
<!-- 提交按钮 -->
<input type="submit" value="注册"/>
<!-- 重置按钮 -->
<input type="reset" value="重置"/>
</form>
</body>
</html>

时间: 2024-10-26 21:11:51

HTML5常用标签总结(入门)的相关文章

HTML5 常用标签整理

<!--1.  html5 文本 --> <div> <header> <hgroup> <h1>h1</h1> <h2>h2</h2> </hgroup> </header> <article>article</article> <footer>footer</footer> </div> <!-- 2. html5 小

html5常用标签

一.主体结构 header 页面头部,不同与<head></head> aside 边栏 nav 外部链接集合 section 章节或段落 article 类似文章.摘要或留言POST等形式的记录(一般搭配内嵌头部.尾部.底部结构使用) hggroup 类似子标题,标题信息.可选标题.TAG标签这样的数据,还是英文更好理解一些,heading of a section address 联系信息,一般用在article或body锚元素周围 footer 页脚 二.HTML 5元素标记

HTML5常用标签总结

一.常用的标签 <h1>~<h6> 表示是一个标题 <p> 段落标签 <hr/> 水平线标签 <br/> 换行标签 <sub> 下标 <sup> 上标 <pre> 原样标签: 原样标签会保留空格和换行符. <ol> <li> 有序的列表标签. <ul> <li> 无序的列表标签. 项目列表标签(dl dt dd) 行内标签(span) 块标签<div>

html5 常用标签

一.主体结构 header 页面头部,不同与<head></head> aside 边栏 nav 外部链接集合 section 章节或段落 article 类似文章.摘要或留言POST等形式的记录(一般搭配内嵌头部.尾部.底部结构使用) hggroup 类似子标题,标题信息.可选标题.TAG标签这样的数据,还是英文更好理解一些,heading of a section address 联系信息,一般用在article或body锚元素周围 footer 页脚 二.HTML 5元素标记

html新增一些常用标签

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html5 常用标签</title> </head> <body> <header> 用在页面头部或者板块头部 </header> <nav> <a href="#">

Web前端入门学习(2)——HTML常用标签

HTML标签 a标签 a标签是一个超链接标签,用于从一个页面链接到另一个页面.在<Web前端入门学习(1)>有提到过4个伪类,分别是a:link.a:visited.a:hover.a:active. a:link代表的是未访问过的链接,当访问者首次打开网页未点击链接时,所表现的形式: a:visited代表的是访问过的链接,相对于link,是访问者点击了连接后,所表现的形式: a:hover代表的是当鼠标经过链接上面时所表现的形式,鼠标经过后,链接会有所变化: a:active代表的是当用户

html5常用基本标签

一.Html的基本结构: <!DOCTYPE html> <html> <head> <meta  charset=utf-8"> <title></title> </head> <body> 网页的文本.图片等信息: </body> </html> 二.Head部分:用于表示网页的元数据即描述网页的基本信息 其常用标签及属性有: 1.title标签:浏览器标签页显示的标题 2

HTML5 的知识分享(二):HTML5 的常用标签

经过我的上一篇博客可以让大家简单地了解了一下 HTML5 的基础标签,现在再和大家分享一下 HTML5 的常用标签吧 基础标签与常用标签的主要区别在于:要先有基础标签的基础才可以灵活的使用常用标签. 常用标签主要分为六种: 列表标签 链接标签 表格标签 图像标签 音频标签 视频标签 一.列表标签 (1) <ul> 标签:定义无序列表:要使用样式来定义列表类型. (2) <ol> 标签:定义有序列表:要使用 CSS 来定义列表的类型. (3) <li> 标签:定义列表项目

java struts2入门学习---常用标签学习总结

https://www.cnblogs.com/amosli/p/3533636.html jsp页面中引入标签: <%@ taglib uri="/struts-tags" prefix="s"%> 常用标签知识点总结: <s:fielderrors/>取出错误消息<s:form/>生成一个表单<s:textfield/>生成一个单行文本框,错误消息显示,智能回显.<s:password/>生成一个单行密