zoukankan      html  css  js  c++  java
  • HTML-文本标签

    font

    font标签设置文本的颜色、大小、字体
    语法:<font color="#ff0000" face="隶书" size="1">文本内容</font>
    属性
    color:设置文本的颜色,值可以是英文单词,如red,blue,也可以用16进制表示 如#00ff00
    face:设置文本的字体,例如 face="楷体"
    size:设置文本的大小,值一般为整数,当取值不是整数时,会自动取整;-2和0时最小值,大小是12px;默认值是3,大小是16px,+0也是16px;最大值是7,+4及以上都等于最大值

    以上的都可以用CSS实现

      • 二者都是color来设置文本的颜色
      • CSS中的font-family和face作用一样
      • CSS中的font-size和size作用一样

    pre

    pre标签是预定义格式标签,会保留文本的换行和空格
    属性:width 控制每行显示的数目

    b strong

    b和strong标签都是使文本加粗
    语法:<b>要加粗的内容</b><strong>要加粗的内容</strong>
    注意:strong标签是强调作用
    css替换:font-weight:bold;
     

    i em

    i和em标签都是是文本倾斜
    语法:<i>内容</i> <em>内容</em>
    注意:em标签是强调
    css替换:font-style:italic;

    u ins  

    u和ins标签都是是文本有下划线
    语法:<u>内容</u> <ins cite="" datetime="">内容</em>
    注意:ins表示被插入的文字,是insert text的缩写
    ins属性cite值是URL,解释为什么被插入
    ins属性datetime格式YYYYMMDD,表示被插入的时间
    css替换:text-decoration:underline;

    p h hr br

    p标签段落标记
    语法:<p>内容</p>
    属性:align 使段落整体左对齐,右对齐,居中对齐
    取值:left right center
    css替换:text-align:left;
     
    h标签标题标签,文字会加粗,h1-h6文本大小逐渐减小
    语法:<h2>内容</h2>
    属性:align使标题左对齐,右对齐,居中对齐
    取值:left right center
     
    hr标签水平分割线
    语法:<hr/>
    属性 意义
    align 对齐方式 left right center
    noshade 有无阴影 noshade
    size 水平线高度 px
    width 水平线宽度 px %
     
     
     
     
    br换行标签
    语法:<br/>

    特殊字符

    &lt; < 小于号或显示标记
    &gt; > 大于号或显示标记
    &amp; & 可用于显示其它特殊字符
    &quot; 引号
    &reg; ® 已注册
    &copy; © 版权
    &trade; 商标
    &ensp;   半个空白位
    &emsp;   一个空白位
    &nbsp;   不断行的空白

     

     

     

     

     

    div span

    div和span都是容器,没有什么意义,div常用来布局,div是块标签,span是行内标签
    块标签和行内标签的区别
    display属性值不同,块标签属性值是block,行内标签属性值是inline,可以相互转换
    块标签独占一行,行内标签不独占,会连续
    块标签可以设置宽度和高度
     
     
  • 相关阅读:
    WCF 客户端调用几种方式
    Mes首检确认统计的存储过程
    C#调用webService的几种方法
    负载均衡SESSION同步总结
    CCF201604-3 路径解析(解法三)(90分)
    CCF201604-3 路径解析(解法三)(90分)
    CCF201604-3 路径解析(解法二)(100分)
    CCF201604-3 路径解析(解法二)(100分)
    CCF201604-3 路径解析(100分)
    CCF201604-3 路径解析(100分)
  • 原文地址:https://www.cnblogs.com/arvinzd/p/11322050.html
Copyright © 2011-2022 走看看