常用的文字类基本标签

段落：p
标题文字 ：h1~h6
超链接：a，必须属性href，后跟跳转地址
图片：img，必须属性src，后跟图片地址
字体斜体：em、i
文字加粗：b、strong
文字下划线：u
文字删除线：s、del、strike
强制换行：br
字体：font
文本：span（行标签，只占自己本身部分）

meta

meta标签标签位于文档的头部，不包含任何内容，有下列部分常用的属性：
1、utf-8 万国码 解决乱码问题、
charset 字符设置 规定网页的文字编写模式
<meta charset="utf-8" />
2、keywords（关键词）" content（内容）
<meta name ="keywords" content="网上商城,网上购物,生鲜,食品"/>
3、description(描述信息)
<meta name="description"content="网上商城"/>

几种文字类基本标签的区别

  • 强制换行br和文字段落p的区别
  1. 段落间距方面

　　　　p标签的段落间距较大
　　　　br标签的段落间距较小

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title></title>

    </head>

    <body>

        <p>我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落
　　　　　　我是一个段落我是一个段落我是一个段落我是一个段落

         </p>

        <p>我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落
　　　　　　我是一个段落我是一个段落我是一个段落我是一个段落

         </p>

        <p>我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落
　　　　　　　我是一个段落我是一个段落我是一个段落我是强制换行

         <br/>我是强制换行我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落
　　　　　　　　我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落

        </p>

    </body>

</html>

　　　　这行代码的显示结果如下：

　　　　可以看到前面两个段落标签p的段落间距较大
　　　　后面强制换行的段落间距较小

　　　2.闭合特征方面：　　

　　　　p标签是双标签
　　　　br标签是单标签

  • 标题文字h1~h6的u区别

    <!DOCTYPE html>
    
<html>
    
    <head>
    
        <meta charset="utf-8">
    
        <title></title>
    
    </head>
    
    <body>
    
        <h1>我是h1</h1>
    
        <h2>我是h2</h2>
    
        <h3>我是h3</h3>
    
        <h4>我是h4</h4>
    
        <h5>我是h5</h5>
    
        <h6>我是h6</h6>
    
    </body>
    
</html>

    效果如下：

  • p标签、font标签和span标签的区别

    p是块标签，自己独占一行
    font 可定义字体的颜色、大小、粗细、字体等
    span 作为行标签，只占自己本身部分，本身没有任何属性


meta标签、常用的文字类标签及其区别的更多相关文章

  1. video标签常用属性及说明

    video标签常用属性(在标签内部使用) video常用API属性及方法(API属性是供JS调用的,不在video标签元素中直接使用)

  2. /.nav-tabs :是普通标签页 .nav-pills:胶囊式标签页 action ;默认的激活项，给<li>加默认显示的是哪个标签页内容 .nav是标签页的一个基类，给ul加 .nav-stacked: 垂直排列BootStrap

    <meta name="viewport" content="with=device-width, initial-scale=1, user-scalabe=no ...

  3. 初学HTML 常见的标签(三) 插入类标签

    第三篇博客, 这次说的是插入链接类标签, 我们平常在网页中经常能看到蓝色的链接类标签, 或者是一张图片, 一个电邮, 这些都是插入链接类的标签起的作用. <a></a>链接标签 ...

  4. 前端 HTML body标签相关内容 常用标签 表单标签 form里面的 input标签介绍

    input标签用于接收用户输入.可以利用input 可以做登录页面 input标签是行内块标签 <input> 元素会根据不同的 type 属性,变化为多种形态. name属性:表单点击提 ...

  5. 盒子总结,文本属性操作,reset操作,高级选择器,高级选择器优先级,边界圆角(了解),a标签的四大伪类,背景图片操作,背景图片之精灵图

    盒子总结 ''' block: 设置宽高 1.没有设置宽,宽自适应父级的宽(子级的border+padding+width=父级的width) 2.没有设置高,高由内容撑开 设置了宽高 一定采用设置的 ...

  6. web（四）html表单类标签

    表单类标签 操作者用于输入信息,并将信息提交给服务器的标签集合. 表单标签介绍 form标签:表单元素(其余标签)标签的容器标签 input标签:用于用户信息输入的标签. button标签:按钮标签. ...

  7. 超链接标签的CSS伪类link,visited,hover,active

    CSS伪类,是一种特殊的类,它针对到CSS选择器起作用,使选中的标签或元素产生特定的效果. CSS伪类的语法就是: 选择器 : 伪类名 { 属性 : 属性值 } 用的最多的伪类就是超链接a的伪类,有: ...

  8. 常用的SSH注解标签

    常用的SSH注解标签 1.Spring的注解 关于配Bean用的        @Component        @Controller @Service @Repository        作用 ...

  9. HTML5新标签和CSS伪类

    HTML5提供了很多新的标签,由于HTML5的兼容性比较差,HTML5的标签常用于手机端 <nav> <footer> <section> <header&g ...

随机推荐

  1. 2019阿里云开年Hi购季基础云产品分会场全攻略！

    2019阿里云云上Hi购季活动已经于2月25日正式开启,从已开放的活动页面来看,活动分为三个阶段: 2月25日-3月04日的活动报名阶段.3月04日-3月16日的新购满返+5折抢购阶段.3月16日-3 ...

  2. goland的下载安装破解并配置

    1.下载地址:https://www.jetbrains.com/go/ 2.安装:简单 3.破解:https://www.cnblogs.com/igoodful/p/9113946.html 4. ...

  3. ubuntu上安装字体

    # fc-list # sudo apt-get -y install fontconfig xfonts-utils # sudo cp       XXX.ttf        /usr/shar ...

  4. 关于sublime text2的一些问题（为解决）

    1. 编写markdown文件后,如何转成pdf ? 2. 执行程序时,如何在控制台输入数据?

  5. Python Unittest根据不同测试环境跳过用例详解

    虽然现在用的Katalon,不过这篇Unittest基本的用法讲的还是不错的 转自:https://mp.weixin.qq.com/s/ZcrjOrJ1m-hAj3gXK9TjzQ 本文章会讲述以下 ...

  6. 【OI】二分图最大匹配

    所谓二分图,是可以分为两个点集的图: 所谓二分图最大匹配,是两个点集之间,每两个不同点集的点连接,每个点只能连一个点,最大的连接数就是最大匹配. 如何解最大匹配,需要用到匈牙利算法. 另:本文写了很多 ...

  7. Directx11教程(5) 画一个简单的三角形(1)

    原文:Directx11教程(5) 画一个简单的三角形(1)       在本篇教程中,我们将通过D3D11画一个简单的三角形.在D3D11中,GPU的渲染主要通过shader来操作(当然还有一些操作 ...

  8. jQuery纵向分类下拉菜单导航

    在线演示 本地下载

  9. jenkins使用教程！

    http://jenkins-ci.org/ 首先去官方下载war包,直接安装jenkins的方式比较麻烦. 下载tomcat,jdk和ant cd /optwget http://mirrors.h ...

  10. 中文乱码在java中URLEncoder.encode方法要调用两次解决

    中文乱码在java中URLEncoder.encode方法要调用两次解决 一.场景: 1.我在客户端要通过get方式调用服务器端的url,将中文参数做utf-8编码,需要在js中两次的进行编码,服务器 ...