HTML系列知识(二)

HTML段落

<p>标签即表示段落,是paragraph的缩写,自带换行效果

在p标签中的文本会自动换行,不在p标签中的,不会自动换行

HTML加粗

<b>

<strong>

都可以用来实现粗体的效果

区别:

b是bold的缩写,仅仅表示该文本是粗体的,并不暗示这段文字的重要性

strong虽然也是粗体,但是更多的是强调语义上的加重,提醒用户该文本的重要性。 在SEO(搜索引擎优化)的时候,也更加容易

帮助用户找到重点的内容,推荐使用strong

<b>b标签粗体效果</b>

<strong>strong标签粗体效果</strong>

HTML斜体

<i>和<em>都可以表示斜体效果

区别:

i是italic的缩写,仅仅表示该文本是斜体的,并不暗示这段文字的重要性

em 是 Emphasized的缩写,虽然也是斜体,但是更多的是强调语义上的加重,提醒用户该文本的重要性。 常常用于引入新的术语

的时候使用。

<i>使用 i 标签带来的斜体效果</i>

<em>使用 em 标签带来的斜体效果</em>

<strong><i>同时有粗体和斜体</i></strong>

HTML预格式

有时候,需要在网页上显示代码,比如java代码,就需要用到pre

<pre>

public class HelloWorld {

    public static void main(String[] args) {

        System.out.println("Hello World");

        }

}

</pre>

HTML删除效果

<del>即删除标签,delete的缩写

<del>使用del标签实现的删除效果</del>

使用del标签实现的删除效果

HTML下划线

<ins>即下划线标签,但是通常来讲,不要给普通文本加下划线,因为用户会误以为是一个超链

<ins>使用ins标签实现的下划线效果</ins>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,679评论 1 41
  • 序言 整理谷歌的小弟的笔记,版权归原作者所有,本文仅作整理,原文链接:http://blog.csdn.net/l...
    在代码下成长阅读 4,886评论 1 5
  • 一、介绍 超文本标记语言(外国语简称:HTML)标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本...
    走着别浪阅读 3,408评论 0 4
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 4,863评论 0 0
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 8,596评论 0 5

友情链接更多精彩内容