欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

html的常用标签汇总

程序员文章站 2022-06-04 16:48:36
:下划线 html段落标签:

   p标签的属性align: left center right&nbs...

<u></u>:下划线

html段落标签:<p></p>  

p标签的属性align: left center right 

注意:p标签没有改变字体大小的属性 size

练习:输入一段内容,最后八个字绿色,宋体,下划线,倾斜,加粗

<h1></h1>--<h6></h6>   h标签没有改变颜色的属性

h标签的属性align: left center right

练习:输入两段内容p,在第一段的前面加一个标题2,标题2的内容居中

练习:输入两段内容  p包裹2个p标签,在第一段的前面加一个标题3,标题3的颜色为蓝色,设置第一段文本的大小为5号字

列表:若干个相似的内容进行排列 分类:无序列表 有序列表 自定义列表

无序列表: <ul>

<li>内容1</li>……<li>内容n</li>   

   </ul>

ul的属性

type类型 设置列表前面符号的样式 默认前面是实心圆disc  circle空心圆 squre方形 

有序列表:

  <ol>

<li>内容1</li>……<li>内容n</li>   

   </ol>

自定义列表:

<dl>

<dt>自定义列表的标题</dt>

<dd>对该标题进行描述</dd>

<dt>自定义列表的标题</dt>

<dd>对该标题进行描述</dd>

</dl>

特殊字符:

&nbsp; 代表1个空格      <font face="arial(英文字体)">&copy;</font>@符号版权符号 &lt代表< &gt代表> 

&yen;代表¥ 

回顾:

1、html基本结构:

<html>

<head>

<meta charset = "utf-8"/>

<title></title>

</head>

<body></body>

</html>

<h1>-</h6>

<p>

<br/>

<font color="" face="" size=""></font>

<image src="" width="" height="" title="" alt=""/>

<a target="_self/_blank" href="#">文字/图片</a>

<a href="#id">

<a href="mailto:email地址">

今日知识点:

1、<hr color="?" size="" width=""/>

2、<marquee></marquee>

3、列表:

有序列表:<ol type=""><li></li></ol>

无序列表:<ul type=""><li></li></ul>

自定义列表:<dl><dt></dt><dd></dd></dl>

4、表格

<table>

<tbody>

<tr>

<td>单元格</td>

</tr>

<tbody>

</table>