HTML-基础知识

 

目录

一、排版标签

二、字体标签

三、图像标记

               代表一副图片

四、清单标记

      无序列表 

      有序列表   

      定义列表 

五、超链接

六、表格标记

               表格

               

七、框架标记

八、表单标记及语义化

九、多媒体标记

十、头标记

十一、其他

 

 


一、排版标签

     <p>    代表一个段落

              属性:

                     align:对齐方式    ——   取值:left,right,center

    <br>    换行

    <hr>    表示一根线

              属性:

                     color : 颜色            

                    size: 线的粗细            

                   width:线的长短(1.绝对值:500  or  2.相对值:50% )

                   noshade : 不要阴影

                  align : 对齐方式

    <pre>   预定义格式标签。  作用:告诉浏览器不要忽略空格和空行

   <div>    块级标签,

   <span>   不换行,字体标记

 

二、字体标签

  <h1> ~~~ <h6>     定义字体大小

             属性:

                   align: 居中

  <b>     加粗

  <strong>     加粗

  <i>      斜体

  <em>   斜体

  <u>    下划线

  <s>    中划线(删除线)

  <sup>  上标

  <sub>  下标


三、图像标记

    <img>    代表一副图片

                  属性:

                         src : 图片路径(相对路径 / 绝对路径)

                        alt : 当图片加载失败时 代替图片显示的内容

                         width :  宽度

                        height : 高度

                       title : 提示性文本

                      border : 边框

 

四、清单标记

       无序列表  <ul>

               属性:

                      type :  disc(默认,实心圆点)   |    square(实心方点)   |   circle(空心圆)

      有序列表   <ol>

              属性:

                    type :  按什么开始,如: 1,a,A,i,I

      定义列表  <dl>

             <dt>:列表项的标题

             <dd>: 列表项

 

五、超链接

        1. 链接到其他页面    <a href = "www.baidu.com">百度一下</a>

        2.锚链接 : 利用别的标签的 ID , 

                        如 <p id="to_me">到我这里</p>    <a href="#to_me">点我到p</a>

        属性:

                target :  告诉浏览器怎么显示目标链接页面

                             _self :在同一个浏览器中显示

                             _blank : 打开新的浏览器显示

                             _parent :

                             _top :

 

六、表格标记

      <table>     表格

                  属性:

                          border : 边框

                          width : 宽度

                         align : 表格的对其方式

                         cellpadding : 单元格内容到边的距离

                         cellspacing : 单元格到单元格之间的距离

                         bacolor: 背景颜色

                         background : 背景图片

       <tr>     行

       <td>     单元格

                  属性:

                         align : 内容的横向对齐方式

                         valign : 内容的纵向对齐方式   top , middle , bottom

                        width :  绝对值 或者 相对值 (%)

                        height : 单元格的高度

       <th>     相当于<td>+<b> 属性同  <td>

 

七、框架标记

      <iframe>         

  注意: 框架页面上不允许有body标签

                    scrolling :是否需要滚动条。默认是true   

                    norsesize :固定框架的大小      

                    bordercolor  :  给边框起一个颜色

                    name : 给框架起一个名字

 

八、表单标记及语义化

    <input>

           属性:

                   type : 

                           text:普通框

                          password:密码框

                          hidden:隐藏框

                             (当type等于上面三个时, 它们共有的其他属性  ,如 <input type="text" value="username"   readonly  >)

                                       value值.

                                       size

                                      readonly  :  只能读不能输入

                                      disabled  :  直接不能点进去

                        radio : 选择框

                                      checked  :  默认选中

                                      value : 值.

                                      name 

                       checkbox  : 多选框

                                      value

                                      name

                                     checked : 默认选中

                      botton : 普通按钮

                      submit : 提交按钮

                      reset :重置按钮

                      image  :图片按钮(也带有提交功能)

    <select>:下拉选择框

                       mutiple :允许按住 shift 进行多选操作

                      name 

   <option> :  下拉选项框的具体内容

                      value : 值

    <textarea>  : 大文本

                      row : 列像素

                      cols :行像素

 

九、多媒体标记

    b...gsound:背景音乐

    embed:voide:播放多媒体文件

    marquee:移动

        属性:  

            direction:移动方向。left,right,up,down,

            behavior:行为方式 取值: slide,alternate,scroll

            loop:循环多少次,负数代表无限循环

            scrolldelay:移动一次休息多长时间。单位是毫秒

 

十、头标记

<meat>    

            <meta      http-equiv = "refresh"      content = "3 ;   url=https://daohang.qq.com/?fr=hmpage  " >

                      刷新:表示3秒后跳到后面网页

 

十一、其他

     body
        bgcolor
        background
        text   表示标签里的全部字体颜色
        link   点之前颜色
        alink 鼠标点的颜色
        vlink 鼠标点之后的颜色

       background :背景图片

    label
        表示给一个字加上标签。

CSS


引用文件:<link rel="stylesheet" type="text/css" href="css的文件路径">

优先顺序:从上到下,从内到外。后加载的优先级要高

定位:relative  会使DIV漂浮 通过top left righr bottom
但是 它原来的位置不会被别的DIV 补上(不会把对象从文档流中拖出)
    而absolute 正好相反

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章