前端基本标签的使用

最新推荐文章于 2023-05-10 13:51:58 发布

qq_52729396

最新推荐文章于 2023-05-10 13:51:58 发布

阅读量387

点赞数

文章标签： html java javascript jquery

本文链接：https://blog.csdn.net/qq_52729396/article/details/127109272

版权

 --->空格
<br/>-->换行
target="_blank"-->新窗口
<xxx>-->表示<xxx>
独占一行的标签（块级标签）：<p>、<div>(没有间距)、h1~h6标题标签
不独占一行（内联标签）：<a>超链接标签、<img>图片标签、<b>文字加粗标签、<i>文字倾斜标签、<span>纯粹的内联标签

dl标签：dl标签定义一个描述列表。
dl 标签与 dt (定义项目/名字)和 dd (描述每一个项目/名字)一起使用。
首先dt和dd是放于dl标签内，标签dt与dd处于dl下相同级。也就是
dt不能放入dd内，dd不能放入dt内。在dl下，dt与dd处于同级标签。
DD标签可以若干。同时不能不加dl地单独使用dt标签或dd标签。

map标签：
<img src="planets.jpg" border="1" usemap="#planetmap" alt="Planets" />
　　<map name="planetmap" id="planetmap">
　　　　<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
　　　　<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
　　　　<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
　　</map>

marquee标签：html标签 - <marquee></marquee>可以实现多种滚动效果
无需js控制。使用marquee标记不仅可以移动文字，也可以移动图片
表格等.只需要在<marquee></marquee>内部输入要滚动的内容即可。

marquee标签
behavior属性：
behavior属性的参数值为alternate、scroll、slide中的一个，
分别表示文字来回滚动、单方向循环滚动、只滚动一次

bgcolor属性：
文字滚动范围的背景颜色，参数值是16进制(形式:#AABBCC或#AA5566等)或预定义的颜色名字(如red、yellow、blue等)。

direction属性：
   文字滚动的方向，属性的参数值有down、left、right、up共四个单一可选值，
   分别代表滚动方向向下、向左、向右、向上

width和height属性：
   width和height属性的作用决定滚动文字在页面中的矩形范围大小。
   width属性用以规定矩形的宽度，height属性规定矩形的高度。
   这两个属性的参数值可以是数字或者百分数，数字表示矩形所占的(宽或高)像素点数，
   百分数表示矩形所占浏览器窗口的(宽或高)百分比


hspace和vspace属性：
   这两个属性决定滚动矩形区域距周围的空白区域.

loop属性：
   loop属性决定滚动文字的滚动次数，缺省是无限循环。参数值可以是任意的正整数，
   如果设置参数值为-1或infinite时将无限循环。

scrollamount和scrolldelay属性：
   这两个属性决定文字滚动的速度(scrollamount)和延时(scrolldelay)，
   参数值都是正整数

table标签：
   table标签用来定义表格，整个表格包含在<table>和</table>标签中；
   tr标签用来定义表格中一个行，它是单元格的容器，每行可以包含有多个单元格，由<tr>和</tr>标签表示；
   td标签和th标签用来定义单元格，所有单元格都在tr标签内，每个单元格由一对<td>和</td>标签或一对<th>和</th>标签表示，具体的表格内容放置在这一对td标签或th标签之中，其中th标签中的内容默认以粗体、居中的方式显示

格式：
<html>

   <head>----头标签
       <meta charset="utf-8" />
       <title>------>设置网页的标题
       我的首页
       </title>
   </head>

       <a href="http://www.taobao.com" target="_blank">----->超链接标签
       去淘宝
       </a>

       <p>---->独占一行相当于一个段落
       我是一段文字
       </p>

       <div>-->独占一个段落但是间距相对p标签小
       我是一段文字
       </div>

       <h1>
       标题1
       </h1>

       <img src="图片路径" width="30"hegiht="20"/>--->不需要结束标签这是立即结束的标签

</body>

</html>