Html学习笔记3：文本元素的使用和超链接

来源：互联网发布：淘宝司法拍卖平台编辑：程序博客网时间：2024/05/16 15:19

一些文本标签：

单标签  表示强制换行

单标签<hr> 表示画一个横线

双标签 段落标签

双标签<center></center> 水平居中标签

双标签 给一段文本加粗，但不是特别强调重要性

双标签 实际作用和标签一样，但是是语义上的表示强调

双标签 给一段文本倾斜，常用来表示外文词汇或者科学术语

双标签 用来给一段文本倾斜，但语义上表示强调

双标签<s></s> 用来添加删除线，语义上表示不准确的校正

双标签<del></del> 用来添加删除线，语义上表示删除文字

双标签 用来添加下划线，语义上并不表示强调

双标签<ins></ins> 用来添加下划线，语义上表示强调添加了这段文本

双标签 将原来默认的字号放小一号

双标签和分别表示数学上的上标和下标

双标签<ruby></ruby> 用来帮助读者掌握表意语言文字的正确发音，他有两个子双标签，<rp></rp>用来包括括号，<rt></rt>用来包含发音

双标签突出显示文本，黄色的背景黑色的字

双标签表示一般性文本，没有实际作用，常用来设置CSS等操作

双标签<a></a> 用于生成超链接

双标签<pre></pre> 将代码原样输出，会解析其中的Html标签

双标签<xmp></xmp> 将代码格式原样输出，但是不会解析其中的html标签

<!DOCTYPE html><html><head>    <meta charset="utf-8">    <title>文本元素</title></head><body>11111<br>22222<hr><p>3333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333</p><center>居中</center><b>1加粗</b><strong>2加粗，强调</strong><i>3倾斜文本</i><hr><em>4倾斜，强调</em><s>5删除线，表示不准确校正</s><del>6添加删除线，表示是删除文字</del><u>7添加下划线</u><ins>8添加下划线，强调这段文本</ins><br><small>9缩小一号字体</small>888<sub>78</sub>999999<sup>98</sup><hr><ruby style="font-size: 100px;">饕<rp>(</rp><rt>tāo</rt><rp>)</rp>餮<rp>(</rp><rt>tiè</rt><rp>)</rp></ruby><hr>标准<mark>正态分布</mark>从负无穷到正无穷的反常积分<br>  <pre>    江山<hr>代有    才人出</pre><xmp>    江山<hr>代有    才人出</xmp></body></html>

这里写图片描述

列表标签：
无序列表：
1.外面是<ul></ul>
2.每一行<li></li> （注意：内容写在li标签里）

<ul>    <li>1</li>    <li>2</li></ul>

有序列表：
1.外面是<ol></ol>
2.里面是<li></li> （默认序列是从1开始的数字，start="" 后面就是序列开始的地方 type="" 可以是小写字母，大写字母也可以是罗马数字）

<ol>    <li>wwwww</li>    <li>eeeee</li></ol>

wwwww
eeeee

超链接：
href=“” a标签跳转的链接地址
Title=”” 当鼠标放到超链接上面显示的提示内容
Targe=”” 超链接打开窗口的方式
（
1._self 默认当前窗口打开
2._blank 新窗口打开
3._top 顶级窗口打开
4._parent 父级窗口打开
）
扩展：

<a href="tel:13699264549">给管理员打电话</a><a href="mailto:邮箱地址">给谁发邮件</a>

给管理员打电话
给谁发邮件
注意：如果只给a标签不给 href属性没有效果

阅读全文

1 0