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

1.常用标签

<p></p>  段落标签

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

<br/>  换行标签

<hr/>  水平线标签

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

<img/>     图片标签

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

<address></address>  地址标签

<input/>   文本输入框

<textarea></textarea> 多行文本输入框

<label></label> 为input元素定义标注

 

<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>   定义插入字

 

<ul></ul>  定义无序列表

<ol></ol>  定义有序列表

<dl></dl>  自定义列表

<li></li>   列表项目的标记

 

2.特殊符号(字符实体)

  在代码书写过程中,HTML 中的预留字符必须被替换为字符实体

  实体名称对大小写敏感。

  &nbjsp;    空格

  &gt;         大于号(>)

  &lt;          小于号(<)

  &times;  乘号(x)

  &divide;  除号(÷)

  &amp;  和号(&)

  &quot;     引号(")

  &cent;  分(cent)(¢)

  &pound;  镑(pound)(£)

  &yen;  元(yen)(¥)

  &euro;  欧元(euro)(€)

  &copy;     版权符号(©)

  &reg;  注册商标(®)

 

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>内侧

 

>>>>>>>>>>>>>>>>>>>>更新补充内容<<<<<<<<<<<<<<<<<<<<<<<<<

1.大多数 HTML 元素被定义为块级元素(block-level)内联元素(inline)

  块级元素在浏览器显示时,通常会以新行来开始(和结束),常用块级元素:

  <div>, <h1>, <p>, <ul>, <table>

  内联元素在显示时通常不会以新行开始,也称行内元素,常用行内元素:

  <span>, <b>, <td>, <a>, <img>

  行内元素无法直接定义行高 width属性,可以通过 display属性将其转换为行内块级元素(inline-block)

posted @ 2020-07-16 19:16  后来喵  阅读(665)  评论(1编辑  收藏  举报