zoukankan      html  css  js  c++  java
  • html一周小结

    1.浏览器:

      网页构成:title 主题,题目

                        url  是网址

                        body 是网站内容

     body 内容靠代码实现

     html语言又称为超文本标记语言

    2.网页基本骨架:

     <!doctype html>                 (文档类型申明,H5特有)

    <html>                  (网页标签)                     

      <head>               (头部标签)

        <meta charset="UTF-8">     (国内编码,如果汉字出现乱码,是因为文字编码不同导致)

        <title></title>           (标题标签)

      </head>

      <body>               (主体标签)

      </body>

    </html>

    3.标签

     结构:<+ 标签名+>

    标签分为双标签和单标签

          双标签 又分为  开始标签  和   结束标签,  两个标签之间的是内容。

         双标签:html   、title   、head   、body    、

          h1~h6  ( 标签标签 )、p( 段落标签 )、a  (超链接标签)、

         b (加粗标签)   strong被H5 舍弃了、 i (倾斜标签)、u(下划线)、

            sup(上标标签)、sub(下表标签)、em(小图标)、

          div(盒子标签)、 span(内敛标签)、table(表格)等

     单标签:<img/> (图片) 、<hr/>(分割线)、<br/>(换行)、<meta/>(网页元信息)

    <a>:

    超链接

    <a href=””>百度一下</a>

    a 两个属性  一个是 href  值是需要跳转的页面地址 

    另一个是target跳转页面打开的方式  _blank  _self(默认的)

     html特有的注释:     <!--被注释的内容-->

    4.img

       图片  资源  本地资源网络资源

             目录:当前目录(./)和上一级目录(../)

         Src 属性是图片的路径

      Width  height  单位是px

    5.起名方式

    (1)标签名

    (2)id  起名,但使用时要加   #

    (3)class  起名,但使用时要加    .

            起名的目的是为了给她添加样式   , style  是   给他添加样式的属性,但是他要写到  head 标签  之间。

             属性: 代表事物的一些特征。比如  :   width height color background 等

    书写规范   {}  是  shift+[   打出来  {}

    起名规范:    不能用汉字起名,第一个字母不能是特殊符号 ,必须是英文

    6.表格

    格式:

    <table>

      <tr>(行)

        <td>(单元格)

        </td>

      </tr>

    </table>

    Border 是决定边框粗细的属性  cellspacing 是单元格空间的属性  cellpadding 是单元格内部的边距的属性。

    Img插入table中出现留白,就使用    vertical-align:middle;    解决

    colspan  水平合并单元格的个数

    rowspan  垂直合并单元格的个数

    Table里套table,记得用id 另外设置格式,防止出现错误!

  • 相关阅读:
    递归
    数据结构与算法-复杂度分析
    'latin-1' codec can't encode characters in position解决字符问题
    redis理解
    spring 嵌套事务问题
    Parameterized testing with any Python test framework
    分布式事务测试考虑点
    python orm / 表与model相互转换
    Python多线程、多进程
    JS运动
  • 原文地址:https://www.cnblogs.com/Shinigami/p/9614996.html
Copyright © 2011-2022 走看看