美文网首页
html+css 2

html+css 2

作者: 多语 | 来源:发表于2018-02-26 18:21 被阅读0次

                                                       开篇第二章 

    1、文章的段落用<p>标签,文章的标题用<hx>标签,标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。

    2、加入强调语气,使用<strong>和<em>标签。

    但两者在强调的语气上有区别: <em>表示强调, <strong>表示更强烈的强调。并且在浏览器中 <em>默认用斜体表示, <strong>用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。

    3、<span>标签是没有语义的,它的作用就是为了设置单独的样式用的。

    (ps:)如果现在我们想把上一小节的第一段话“美国梦”三个字设置成blue(蓝色),但注意不是为了强调“美国梦”,而只是想为它设置和其它文字不同的样式(并不想让屏幕阅读器对“美国梦”这三个字加重音读出),所以这样情况下就可以用到<span>标签了。

    4、<q>标签,短文本引用。(ps:比如引用一个诗人的一句话,是针对短文本)。

    注意这里用<q>标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话。用<q>标签不用带双引号。浏览器会默认加上双引号。 

    5、<blockquote>标签的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。浏览器对<blockquote>标签的解析是缩进样式。用这个标签的时候也不需要加上双引号。

    6、使用<br/>标签分行显示文本。

    在需要加回车换行的地方加入<br/>标签作用相当于word文档中的回车。

    语法:

    xhtml1.0写法:

    <br/>

    html4.01写法:

    <br>

    大家注意,现在一般使用 xhtml1.0 的版本的写法(其它标签也是),这种版本比较规范。

    与以前我们学过的标签不一样,<br/>标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有<br>、<hr>和<img>标签。注意在 html 中是忽略回车空格的,你输入的再多回车和空格也是显示不出来的。

    7、为网页中添加一些空格用&nbsp;

    语法:&nbsp;

    8、用<hr/>标签添加水平横线。

    语法:

    html4.01版本 <hr>


    xhtml1.0版本<hr/>

    1.<hr/>标签和<br/>标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。

    2. 注意,现在一般使用 xhtml1.0 的版本(其它标签也是),这种版本比较规范。

    9、<adress>标签,为网页加上地址信息。

    这些联系地址信息如公司的地址就可以使用<address>标签。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。

    语法:<address>联系地址信息</address>

    这个标签在浏览器上显示的是斜体,以后可以通过css来修改。

    10、在文章中一般如果要插入多行代码时不能使用<code>标签了。

    语法:

    <code>代码语言</code>

    注:如果是多行代码,可以使用<pre>标签。

    11、<pre>标签可以为网页加入大段的代码。

     <pre>标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
    注意:
     <pre>标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是
    <pre>标签的一个常见应用就是用来展示计算机的源代码。
    语法:<pre>语言代码段</pre>

    相关文章

      网友评论

          本文标题:html+css 2

          本文链接:https://www.haomeiwen.com/subject/jupexftx.html