码迷,mamicode.com
首页 > Web开发 > 详细

WEB前端第三课——HTML常用标签、属性、符号等

时间:2020-07-16 21:48:30      阅读:90      评论:0      收藏:0      [点我收藏+]

标签:前端   用户   url   htm   锚点   插入   href   idt   识别   

1.常用标签

<p></p>  段落标签

<hn></hn>  题目标签(n=1~6)

<br/>  换行标签

<hr/>  水平线标签

<span></span>  无语义标签,常用于定义代码块

<img/>     图片标签

<a></a> 超链接标签

<address></address>  地址标签

 

<pre></pre>  预文本格式标签

<b></b>  定义粗体字

<strong></strong>  定义加重语气字,显示效果类似<b></b>

<i></i>  定义斜体字

<em></em>  定义着重字,显示效果类似<i></i>

<u></u>  字体下划线

<s></s>  字体中划线

<del></del>  定义删除字,效果类似<s></s>

<small></small>  定义小号字

<sup></sup>   定义上标字

<sub></sub>   定义下标字

<ins></ins>   定义插入字

 

2.特殊符号

&nbjsp;    空格

&gt;         大于号(>)

&lt;          小于号(<)

&quot;     引号(")

&copy;     版权符号(©)

 

3.标签属性

<img/>     图片标签(单标签),使用该标签将图片添加到页面。

    语法:<img  src="URL"  width="50px"  height="50px"  alt="加载图片失败"  title="文本"/>

    必须属性:src(存储图片的位置URL)

    常用属性:width(图片宽度px),height(图片高度px),alt(当图片未能正常显示时,用于给用户提示信息),border(图片边框,不常用),

         title(鼠标经过图片时显示的内容,搜索引擎抓取图片时是依据title定义的内容来分析识别图片的)

<a></a> 创建超链接(双标签)

    语法:<a  href=""  target=""  title="">文本(链接名称)或图片</a>

    href,必须属性,链接URL

    target,可选属性,链接打开方式,默认参数"_self"当前页面打开,“_blank”新窗口中打开

    name,可选属性,锚点名称

    title,可选属性,定义鼠标经过时提示的文字

    创建锚点分为两步:(1)使用<a  href="#锚点名">需要设置链接的文本</a>,创建链接;

             (2)利用标注链接跳转到目标位置,两种方式:①目标位置添加id,id="锚点名",②目标位置使用<a>标签,<a  name="锚点名">目标位置文本</a>

<hr/>  在页面中创建一条水平线,将文档分隔显示,单标签。

    常用属性:align,水平对齐方式,默认居中

         width,水平线长度,可设置像素(px)或百分比(%)

         size,水平线的高度(粗细程度)

         color,水平线的颜色

    语法示例:<hr  align="center"  width="50%"  size="5"  color="red" />

<pre></pre>  预文本格式标签,在<pre></pre>内部的文本,通常会保留空格和换行符,用在<body></body>内侧

 

后续逐步更新。。。。。。

WEB前端第三课——HTML常用标签、属性、符号等

标签:前端   用户   url   htm   锚点   插入   href   idt   识别   

原文地址:https://www.cnblogs.com/husa/p/13311244.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!