1、HTML常用标签

最新推荐文章于 2023-08-20 11:26:25 发布

小小蝎

最新推荐文章于 2023-08-20 11:26:25 发布

阅读量354

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/liwenfang140147/article/details/51839867

版权

HTML5 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一、常用标签

（1）、<h1> ~ <h6>表示一个标题 <h1>字体最大

（2）、<p> 段落

（3）、<hr/>水平线标签

（4）、<br/>换行

（5）、<sub> 上标

（6）、<sup>小标

（7）、<pre>原样标签：会保留原文空格或换行符

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

（9）、<ul><li>无序的列表标签

（10）、dl dt dd 项目列表标签

（11）、<span> 行内标签

（12）、<div> 块标签（独占一行）

二、实体标签

（1）、空格： 

（2）、小于号：<

（3）、大于号：>

（4）、人民币：&yen

（5）、版权：©

（6）、商标：®

三、媒体标签

<embed> </embed>

（1）、hidden ：设置隐藏插件是否隐藏

（2）、src :多媒体路径 <embed src="1.mp3" ></embed>

<marquee> 飘动标签

（1）、 direction：指定飘动的方向

（2）、scrollamount :指定飘动的速度

（3）、loop :指定飘动次数

四、超链接标签

<a>

1、常用属性

（1）、href ：指定链接的资源

（2）、target ：设置打开新资源的目标

_blank ：在独立的窗口打开资源

_self ：在当前窗口打开新资源

2、file ：文件协议，主要用于搜索本地的文件资源

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

3、邮件协议：mailTo、 thunder(迅雷)

4、作用：

（1）、用于资源链接

（2）、锚点点位：

首先，编写一个锚点：<a name="锚点名称">数据</a>

然后，使用herf属性指定到锚点处：href="#锚点名"

五、图片标签

<img> 属性

（1）、width ：宽

（2）、height ：高

（3）、alt：当指定的图片资源无法找到时，则显示相应的文字说明

（4）、border: 边框

六、表格标签

1、常用标签

（1）、<table> 表格

（2）、<tr> 行

（3）、<td> 单元格

（4）、<th> 表头（默认居中加粗）

（5）、<caption> 标题

（6）、<thead> 用于组合HTML表格的表头内容

注：应该与<tbody>和<tfoot>结合起来用，用来规定表格的各个部分（分别表示表头，主体和页脚），通过使用这些元素可以使浏览器支持独立于表头和页脚的表格主体可以实现滚动，当包含多个页面长度的表格需要打印时，表头和页脚可以打印在包含每个表格数据的每张页面。

在使用的过程中，必须是作为<table>的子元素，出现在<caption>、<colgroup>元素之后，<tbody>、<tfoot>、<tr>之前。

2、常用属性

（1）、width ：宽

（2）、height ：高

（3）、border：边框

（4）、colspan ：列数

（5）、rowspan ：行数

（6）、align ：水平对齐（left(默认) 、right、center）

（7）、valign：垂直对齐（bottom(默认) top middle）

七、表单标签

1、<form> ：用于提交数据给服务器端的表单标签的根标签

（1）、action 属性用于指定提交数据的地址

（2）、method :指定提交的方式

例： <form action="http://www.baidu.com" method="post">

2、<input> ：单行文本输入框

（1）、name ：指定命名，key

（2）、value ：值

（3）、type：类型（txt ：文本， password :密码，radio：单选， checkbox ：复选框，file ：文件上传， submit：提交按钮， reset：重置按钮，button：普通按钮， hidden 隐藏域）

（4）、checked ： true 表示选中

例：

 <!-- 文本输入框 单 行- ->

用户名：<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/>

3、<select>：下拉框

（1）、<option> item选项

（2）、mutiple 属性：多选 <select name="city" multiple="multiple">

例：

来自的城市：

<select name="city">
<option value="BJ">北京</option>
<option value="SH">上海</option>
<option value="GZ">广州</option>
<option value="SZ">深圳</option>
</select><br/>

4、<textarea>：文本域多行输入

（1）、rows ：行

（2）、cols ：列

八、<meta> 标签

例：

<html>
<head>
<title>first html</title>
<meta http-equiv="refresh" content="1;url=http://blog.csdn.net/dawanganban'">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
hello word
<body>
</html>

九、框架

（1）、<frameset> 将一个大的窗口划分成多个小的子窗口

例如：

（2）、<iframe> 在当前窗口嵌入一个小窗口

小小蝎

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
1、HTML常用标签

一、常用标签（1）、 ~ 表示一个标题字体最大（2）、段落（3）、水平线标签（4）、换行（5）、上标（6）、小标（7）、原样标签：会保留原文空格或换行符（8）、有序的列表标签（9）、无序的列表标签（10）、dl dt dd 项目列表标签（11）、行内标签（12）、块标签（独占一行）二、实体标签（1）、空格：&nbsp
复制链接

扫一扫