当前位置:   article > 正文

html常用标签_

    • 等,制作一个个人信息

    • 等,制作一个个人信息介绍页面

1.<h# > </h#>其中#可以选择1-6;即文本标题(h1-h6)

2.<i></i>   |  <em></em> 倾斜标记

3.<b></b> | <strong></strong>加粗标记

4.<u></u>下划线标记   用来指示为文本加下划线

5.<br />空标记,用来设置字体换行

6.<hr />空标记,用做水平线

7.<ins></ins>ins 标记代表被插入的文字和u标记的区别是:u 标记代表有下划线,ins是inserted text的缩写(插入文本),ins通常应连同del标签一同使用,表示被插入与被删除的文本

8.<del></del>del标记代表删除文字

9.<sup></sup>用来设置上标字

10.<sub></sub>用来设置字体下标

11.<P ></P>段落标记,标识一个段落(段落与段落之间有段间距)

12.<div></div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效。

13.<span></span>文本结点 可以是某一小段文本,或是某一个字。

14.<ul>
          <li>列表项内容</li>
          <li>列表项内容</li>
          <li>列表项内容</li>
          …………
</ul>

无序列表

15.<ol>
          <li>列表项内容</li>
          <li>列表项内容</li>
          <li>列表项内容</li>
          …………
</ol>

有序列表

16.

<dl>
        <dt>名词</dt>
        <dd>解释</dd>
          ………
</dl>

自定义列表

17.<a href="目标文件路径及全称/连接地址" alt="替换文本" title="提示文本">链接文本/图片</a>超链接<a href="#" target="_blank">新页面打开</a>

18.<img src=""  align=""  border=""  alt="图片替换文本" title="图片标题"  width=""   height=""   hspace=""左右空出宽度  vspace="" 上下空出高度  />插入图像

19.<table>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

表格 一对tr表示一行;一对td表示一列(一个单元格)

20.<form name="表单名称" method="post/get"  action=""></form>表单框 说明: Get是用来从服务器上获得数据,而Post是用来向服务器上传递数据。出于安全性考虑,建议最好使用 Post 提交数据

21.<input  type=“”  name=“”  value=“” size=" " maxlength=" "    />表单控件

input是表单中功能最为丰富的一个标记,使用input标记可以创建按钮、文本输入框、选择框等各种类型的输入字段。
name属性标识表单域的名称,type属性标识表单域的类型,value属性定义表单域的值,其他属性根据type的不同而有所变化。
type可以是文本输入框text、password、复选框checkbox、单选框radio、提交表单submit和重置键reset
maxlength控制最多输入的字符数,
size控制框的宽度

标签分类 :
1、文档标签(10 个):<html>、<head>、<body>、<title>、<meta>、<base>
、<style>、<link>、<script>、<noscript>
2、框架标签(4个):<frame>、<frameset>、<iframe>、<noframes>
3、布局标签(1个):<div>
4、表格标签(10 个):<table>、<thead>、<tbody>、<tfoot>、<tr>、<td>、<th>
、<col>、<colgroup>、<caption>
5、表单标签(10 个):<from>、<input>、<textarea>、<button>、<select>
、<optgroup>、<option>、<label>、<fieldset>、<legend>
6、列表标签(6个):<ul>、<ol>、<li>、<dl>、<dt>、<dd>
7、链接标签(1个):<a>
8、多媒体标签(5个):<img>、<map>、<area>、<object>、<param>
9、文章标签:<h1> - <h6> 、<p>、<br>、<span>、<bdo>、<pre>、<acronym>、<abbr>、<blockquote>、<q>、<ins>、<del>、<address>
10、字体样式标签:<tt>、<i>、<b>、<big>、<small>、<em>、<strong>、<dfn>、<code>、<samp>、<kbd>、<var>、<cite>、<sup>、<sub>
11、特殊标签(3个):<!DOCTYPE>、<!-- -->、<hr>
备注:
1、当文档中使用了<frameset>标签和<body>标签是互斥的,两者不能同时使用生效。
2、<thead>、<tfoot>、<tbody>这三个标签必须一起使用,而且顺序 是<thead>第一,<tfoot>第二,<tbody>第三。<tfoot>之所以排 在<tbody>之前,据说是为让浏览器先渲染<tfoot>,这样当<tbody>中的单元格太多时不至于要等所 有<tbody>单元格都渲染完再渲染<tfoot>。
3、<ul>无序列表,unordered list;<ol>有序列表,ordered list;<li>列表项,list item;<dl>定义列表,definition list;<dt>定义项,definition term;<dd>定义描述,definition description。
4、以下元素均是字体样式元素。<tt> <i> <b> <big> <small> 标签,以下元素都是短语元素<em> <strong> <dfn> <code> <samp> <kbd><var> <cite> 标签。虽然这些标签定义的文本大多会呈现出特殊的样式,但实际上,短语元素标签都拥有确切的语义

  • href: 这个属性声明超链接的web地址,当这个链接被点击浏览器会跳转至href声明的web地址。例如: href="https://www.mozilla.org/"
  • title: 标题title 属性为超链接声明额外的信息,比如你将链接至那个页面。例如: title="The Mozilla homepage"。当鼠标悬浮时,将出现一个工具提示。
  • target: 目标target 属性指定将用于显示链接的浏览上下文。 例如, target="_blank" 将在新标签页中显示链接。如果你希望在目前标签页显示链接,只需忽略这个属性。 

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/328754
推荐阅读
相关标签
  

闽ICP备14008679号