HTML学习-----标签

注解:<!--这是一个注释,注释在浏览器中不会显示-->

<h1>“标题”标签</h1>  //h1-h6 字体越来越小

<br> “换行”标签

<p>“段落”标签</p>   //忽略行数/排版,行数只与浏览器窗口的大小有关,与<br>搭配可实现折行效果

<a href="http://www.runoob.com">“链接”标签,使用了 href 属性</a>    

<img src="/images/logo.png" width="258" height="39" />    //“图片”标签

<hr />     //水平线

=========文本格式化========

<b>这个文本是“加粗”的</b>  或 <strong>这个文本是“加粗”的</strong>   //放大

<big>这个文本字体“放大”</big>    //加粗

<em>这个文本是“斜体”的</em>  或 <i>这个文本是“斜体”的</i>   //斜体

<small>这个文本是缩小的</small>    //“缩小”标签

<sub>下标</sub>      //下标

<sup>上标</sup>      //上标


<pre>       
此例演示如何使用 pre 标签
对空行和    空格
进行控制

</pre>            //<pre>标签会保留间隔、行数、排版等样式

<address>   //<address>地址标签会保留间隔、行数、排版等样式,且文字为斜体

<abbr title="etcetera">etc.</abbr>  //abbr和acronym 在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本
<br />

<acronym title="World Wide Web">WWW</acronym>

<p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>   //bdo标签,文字倒着显示

<q>这是一个引号</q>  // "这是一个引号"

<del>blue</del>   //中划线(删除线)

 <ins>red</ins>   //下划线


猜你喜欢

转载自blog.csdn.net/qq_33656996/article/details/80866791
今日推荐