zoukankan      html  css  js  c++  java
  • HTML与CSS 笔记1

    1.简短的引用:

       <q>引用的内容</q>

       块引用:

       <blockquote>引用的内容</blockquote>

    2.换行:

       要换行的内容<br>

       注:<br>元素唯一的作用就是换行,且<br>为空元素

    3.元素:

       一般元素:<p>、<a>、<h1>等

       空元素:<br>、<img>等

    4.创建HTML列表:

       ①<li>列表项目1</li>

          <li>列表项目2</li>

           ......

          <li>列表项目n</li>

       ② Ⅰ.<ol>列表元素</ol>            (显示有序列表,浏览器在每个项目前自动添加序号)

           Ⅱ<ul>列表元素</ul>             (显示无序列表)

    加强记忆:

           li=list item

           ol=ordered list

           ul=undered list 

    注意:

    ①<li>必须和<ol>或<ul>一起使用

        记住:列表是一组项目,<li>元素用来确定每个项目,

                                         <ol>或<ul>则用来把它们组成一组

    ②不能在<ol>或<ul>中添加其他文字或元素

    ③可在类表中添加类表:嵌套列表

     例:

          <ol>

          <li>列表项目1</li>

          <li>列表项目2</li>

           ......

          <li>列表项目n</li>

          </ol>

    5. 自定义列表:

        ①项限<dt>:    <dt>内容</dt>

           描述<dd>:     <dd>内容</dd>

        ②<dl>:把自定义项目组成一组

    例:

    <dl>

        <dt>This is my web1</dt>

        <dd>

            It spent me a lot of time,but I felt happy.

        </dd>

        <dt>This is my web2</dt>

        <dd>

             Of course,it  took me a lot of time,but I made great progress;

        </dd>

    </dl>

    6.<符号的缩写:&lt;    (注:带有“;”)

       >符号的缩写:&gt;   

       在HTML中使用&,可用    &map;   代替

       要显示“•”可用  &middot

    注:输入实体的时候使用&,当要在文章中用&时才用  &map;  来代替

    7.浏览器使用 <and>  来开始和结束标志

    8.常用元素

    <code>  :显示计算机程序的代码

    <em>    :标识强调的文本

    <strong>  :标识着重强调的部分

    <address>  :告诉浏览器这段内容是地址,例如你的联系信息

    <pre>   :当你要浏览器显示你要输入的文本时,使用这个元素来格式化文本

    <br>   :换行

    <hr>   :用来制作水平线(称为水平尺)的元素,比如开始一个没有标题的新部分

    <blockquote>  :块引用

    <q>   :短引用

    <a>   :建立链接

    <p>   :段落落脚处

    <ul>   :显示列表时无序

    <ol>   :显示列表时有序

    <li>    :用于列表项目

  • 相关阅读:
    脏读 幻读 不可重复读
    按位与、或、异或等运算方法
    java适配器模式
    servlet/filter/listener/interceptor区别与联系
    Struts2、SpringMVC、Servlet(Jsp)性能对比 测试
    Struts2的优点与Struts1的区别:
    ITOO 第一个任务,新建界面
    导出word使用模版
    【Web前端】---js调用本地应用程序
    JQuery经典小例子——可编辑的表格
  • 原文地址:https://www.cnblogs.com/KeenLeung/p/2369015.html
Copyright © 2011-2022 走看看