HTML+CSS学习笔记(二)

一、文本对齐
    1.段落对齐
        <p style="text-align:left">左对齐</p>
        <p style="text-align:right">右对齐</p>
        <p style="text-align:center">居中对齐</p>
    2.整页设置
       <div>这里的内容都可以由div设置</div>

二、HTML列表
    1.有序列表:带有编号的缩进列表
      <ol>
      <li>第一行</li>
      <li>第二行</li>
      <li>第三行</li>
      </ol>
    2.无序列表:带有项目符号的缩进列表
      <ul>
      <li>第一行</li>
      <li>第二行</li>
      <li>第三行</li>
      </ul>
    3.定义列表:不带编号和项目符号的缩进列表
      <dl>
      <dd>要定义的术语</dd>
      <dt>其定义</dt>
      </dl>
     4.缩进
      <dl><dd>缩进文本</dd></dl>
      <blockquote>缩进文本</blockquote>
     5.列表嵌套   

<ul>

  <li>陕西

    <ul>

      <li>西安

        <ul>

          <li>高新区</li>

        </ul>

      </li>

    </ul>

  </li>

</ul>
    6.多级列表使用style中的list-style-type样式规则( 示例)  

<ul>

  <li>陕西

    <ul>

      <li>西安

        <ul>

          <li>雁塔区</li>

          <li style="list-style-type:disc">莲湖区</li>

          <li>未央区</li>

          <li style="list-style-type:circle">高新区</li>

        </ul>

      </li>

    </ul>

  </li>

</ul>



<ol>

  <li style="list-style-type:upper-roman">陕西

    <ol>

      <li style="list-style-type:upper-alpha">西安

        <ol style="list-style-type:lower-alpha">

          <li>雁塔区</li>

          <li>莲湖区</li>

          <li style="list-style-type:decimal">未央区</li>

          <li>高新区</li>

        </ol>

      </li>

    </ol>

  </li>

</ol>


三、文本格式化(示例)
    1.粗体
      <b>b加粗</b>
      <strong>strong加粗</strong>
      style="font-weight:bold"
    2.斜体
      <i>i斜体</i>
      <em>em斜体</em>
      style="font-style:italic"
    3.大小字体
      <big>大字体</big>
      <small>小字体</small>
    4.上下标
      <sup>上标</sup>
      <sub>下标/sub>
    5.等宽字体
      <tt>等宽字体</tt>
      <pre>等宽字体,保留空格和分行</pre>
    6.调整字体
      <font size="5" color="purple">html设置</font>
      <p style="font-family:verdana,arial,san-serif,'times roman';font-size:14pt;color:green">CSS的设置方法</p>
      font-family可以设置多种字体,当系统中没有第一种字体时,会使用第二种字体
    7.特殊字符
      

HTML 原始码显示结果描述
&lt;<小於号或显示标记
&gt;>大於号或显示标记
&amp;&可用於显示其它特殊字符
&quot;"引号
&reg;®己注册
&copy;©版权
&trade;商标
&ensp; 半方大的空白
&emsp; 全方大的空白
&nbsp; 不断行的空白


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值