• 常见的文本标签


    1.html中的标题有几个级别?

    html中有的标题有6个级别,<h1>~<h6>

    2.文本标签的元素中,哪些是语义化标记 ?

    <strong>,<em>,<blockquote>,<q>,<abbr>,<cite>,<dfn>,<address>,<ins>,<del>,<s>等

    3.空白有什么用?

    空白可以增强代码的可读性。

    当浏览器遇到两个或两个以上的连续空格时,只将其显示为一个空格。

    4.本篇学的元素中,哪些元素只有开始标签没有结束标签?

    <hr />,<br />,有少部分元素只有开始标签没有结束标签,这些元素被称为空元素。

    5.换行符元素怎么写?水平线元素怎么写?

    <br />;<hr />

    6、加粗和斜体有几种表示方式?它们的区别是什么?

    加粗:<b>,<strong>

    斜体:<i>,<em>,<cite>,<address>

    区别:

    在html中用<strong></strong>元素表示强调,表示其中的内容十分重要,以粗体显示,注重语句上的提示

    在html中用<b></b>元素表内容示粗体,表示其中的内容以不同的外观显现,以粗体显示。

    <i>元素可将一部分文本在格式上以不同于周围内容的方式显示——例如科技词语,轮船名称,外语单词或是其他术语经常会以斜体显示。

    <em>元素起强调作用能够细微改变语句的含义,默认情况下<em>元素中的内容在浏览器中显示为斜体。

    <cite>,当你引用一部作品时(可以是书籍,电影或研究报告等),用来表明引用的来源,浏览器会把<cite>元素中的内容显示为斜体。

    <address>,本元素有一个非常特殊的用途:包含页面设计者的联系详情,以斜体显示浏览器上的内容。

    7.说说块引用和短引用的区别。

    块引用:<blockqueto>元素用来标记那些会占用一整行的较长的引用。

    短引用:<q>元素用来标记位于段落中的较短引用。按照惯例,浏览器理应在<q>元素的两侧加引号,可是IE浏览器却不支持——因此许多人都回避使用<q>元素。

    8.地址元素怎么写?

    <address></address>

    示例:

    1.标题

    html>
    <head>
    <title>Title</title>
    </head>
    <body>
    <h1> This is a Main Heading </h1>
    <h2>This is a Level 2 Heading</h2>
    <h3>This is a Level 3 Heading</h3>
    <h4>This is a Level 4 Heading</h4>
    <h5>This is a Level 5 Heading</h5>
    <h6>This is a Level 6 Heading</h6>
    </body>
    </html>

    2.水平线

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>水平线</title>
    </head>
    <body>
    <P>Venus is the only planet that rotates clockwise.</P>
    <hr/>
    <P> Jupiter is bigger than all the other planets combined.</P>
    </body>
    </html>


    3.上标和下标
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>上标签和下标签</title>
    </head>
    <body>
    <P>On the 4<sup>th</sup> of September you will learn about E=MC<sup>2</sup>.</P>
    <P>The amount of CO<sub>2</sub> in the atmosphere grew by 2ppm in 2009<sub>1</sub>.</P>
    </body>
    </html>
    4.换行和水平线

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>换行标签</title>
    </head>
    <body>
    <P>The Earth<br/>gets one hunderd tons heavier every day <br/>due to falling space dust .</P>
    </body>
    </html>
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>水平线</title>
    </head>
    <body>
    <P>Venus is the only planet that rotates clockwise.</P>
    <hr/>
    <P> Jupiter is bigger than all the other planets combined.</P>
    </body>
    </html>


    5.加粗和斜体
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>加粗</title>
    </head>
    <body>
    <p><strong>Beware:</strong>Pickpockets operate in this area.</p>
    <P>This toy has many small pieces and is <strong>not suitable for children under five years old. </strong></P>
    </body>
    </html>


    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>强调</title>
    </head>
    <body>
    <P>I<em>think</em> Ivy was the first.</P>
    <p>I think <em>Ivy</em> was the first. </p>
    <P>I think Ivy was the<em> first</em>. </P>
    </body>
    </html>




  • 相关阅读:
    mysqldump
    设计模式
    设计模式
    设计模式
    设计模式
    PHP 调试
    PHP 调试
    Windows 下手工搭建 LNMP 环境
    设计模式
    设计模式
  • 原文地址:https://www.cnblogs.com/qq3069418554/p/8967736.html
Copyright © 2020-2023  润新知