HTML文本标签

(此为从学习视频中摘抄,如有雷同,纯属巧合)

  1. em和strong

    这两个标签都表示一个强调的内容,
    em主要表示语气上的强调,em在浏览器中默认使用斜体显示
    strong表示强调的内容,比em更强烈,默认使用粗体显示
    例:

		

今天天气真不错

注意:如果你不认真上课,你就有可能找不到好工作!

  1. i和b标签

    i标签中的内容会以斜体显示
    b标签中的内容会以粗体显示

    h5规范中规定,对于不需要着重的内容而是单纯的加粗或者是斜体,
    就可以使用b和i标签
    例:

		

我是i标签中的内容 我是b标签中的内容

  1. small标签

    small标签中的内容会比他的父元素中的文字要小一些
    h5中使用small标签来表示一些细则一类的内容
    比如:合同中的小字,网站的版权声明都可以放到small
    例:

    我是p标签中的内容我是small标签中的内容

  2. cite标签

    网页中所有的加书名号的内容,都可以使用cite标签,表示参考的内容,
    比如:书名 歌名 话剧名 电影名…
    例:

    《论语》是最喜欢的一本书

  3. q标签

    q标签表示一个短的引用(行内引用)
    q标签引用的内容,浏览器会默认加上引号
    blockquote标签表示一个长引用(块级引用)
    例:

		

子曰:学而时习之不亦说乎!

子曰:
有朋自远方来,乐呵乐呵!
  1. sup标签

    使用sup标签来设置一个上标
    例:

		

22

赵薇[1]

  1. sub标签

    sub标签用来表示一个下标
    例:

    H2O

  2. del标签

    使用del标签来表示一个删除的内容
    del标签中的内容,会自动添加删除线
    例:

		

17.75
15.54

  1. ins标签

    ins表示一个插入的内容
    ins中的内容,会自动添加下划线
    例:

		

我们的老师真啊!

  1. pre和code标签

    需要在页面中直接编写一些代码
    pre是一个预格式标签,会将代码中的格式保存,不会忽略多个空格
    code专门用来表示代码
    我们一般结合使用pre和code来表示一段代码
    例:

		
        	
				window.onload=function(){
					alert("hello World");
				};
        	
        
  1. 列表

    列表就相当于去超市购物时的那个购物清单,
    在HTML也可以创建列表,在网页中一共有三种列表:
    1.无序列表
    2.有序列表
    3.定义列表

  2. 无序列表

    使用ul标签来创建一个无序列表
    使用li在ul中创建一个一个的列表项,
    一个li就是一个列表项
    通过type属性可以修改无序列表的项目符合
    可选值:
    disc,默认值,实心的圆点
    square,实心的方块
    circle,空心的圆圈

    注意:默认的项目符号我们一般都不使用!
    如果需要设置项目符号,则可以采用li设置背景图片的方式来设置
    ul和li都是块元素
    例:

		
  • 西门大官人
  • 东门大官人
  • 北门大官人
  • 南门大官人
/* * 去掉项目符号 */ ul{ list-style:none ; }
  1. 有序列表

    有序列表和无序列表类似,只不过它使用ol来代替ul
    有序列表使用有序的序号作为项目的符号
    type属性:可以指定序号的类型
    可选值:1,默认值,使用阿拉伯数字
    a/A 采用小写或大写字母作为序号
    i/I 采用小写或大写的罗马数字作为序号

    ol也是块元素

    列表之间都是可以互相嵌套,可以在无序列表中放入有序列表,
    也可以在有序列表中放入一个无序列表

    例:

		
  1. 结构
  2. 表现
  3. 行为

菜谱

  • 鱼香肉丝
    1. 肉丝
  • 宫保鸡丁
  • 青椒肉丝
  1. 定义列表
    定义列表用来对一些词汇或内容进行定义
    使用dl来创建一个定义列表
    dl中有两个子标签
    dt:被定义的内容
    dd:对定义内容的描述
    同样dl和ul和ol之间都可以互相嵌套
    例:
	   
武松
景阳冈打虎英雄,战斗力99
后打死西门庆,投奔梁山
武大
著名餐饮企业家,战斗力0

你可能感兴趣的:(基础,HTML文本标签)