web端测试也需要懂-HTML排版标签

排版标签

排版标签主要和css搭配使用,显示网页结构的标签,是网页布局中最常用的标签

一.标题标签

单词缩写:head

<h1> </h1>(最大,尽量少用,多用于logo)

<h2> </h2>

<h3> </h3>

<h4> </h4>

<h5> </h5>

<h6> </h6>(最小)

二.段落标签

单词缩写:paragraph

<p> 文本内容 </p>

三.水平线标签

单词缩写:horizontal

在网页中常常看到一些水平线将段落之间隔开,使得文档结构清晰,层次分明。这些水平线可以通过插入图片实现,也可以简单地通过标记完成。

<hr />

四.换行标签

单词缩写:break

<br />

五.div span标签(没有语义)

div span是没有语义的,是我们网页布局主要的2个盒子

div就是division的缩写

span:跨度,跨距,范围

语法格式:

<div>这是头部</div> <span>今日价格</span>

六.文本格式化标签

在网页中,有时需要为文字设置斜体,粗体或下划线效果,这事就需要html中的文本格式化标签,使文字以特殊方式显示

加粗:

<b></b>

<strong></strong>

斜体:

<i></i>

<em></em>

加删除线

<s></s>

<del></del>

加下划线

<u></u>

<ins></ins>

b i s u 只有使用没有强调的意思

strong em del ins 语义更强烈

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

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,401评论 1 45
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    Mr大喵喵阅读 5,323评论 0 4
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 4,894评论 0 0
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 8,624评论 0 5
  • 序言 整理谷歌的小弟的笔记,版权归原作者所有,本文仅作整理,原文链接:http://blog.csdn.net/l...
    在代码下成长阅读 4,906评论 1 5

友情链接更多精彩内容