html一周学习的总结

 

1.        介绍浏览器

(1)      Title

(2)      Url

(3)      body

title 主题,题目,

Url 是网址

Body 是网站内容

Body的内容靠代码实现的。

2.        标签的结构:  < +标签名+> 

           标签分为双标签和单(空)标签

        双标签分为:开始标签 <标签名>           列:html  title  head  body  h1-h6  p(段落)  a(超链接)  b(加粗) i(倾斜) u(下划线)  sup(上标 )sub (下标) em(小图标) div(盒子标签)  span(内敛标签) table(表格) tr()  td(单元格)

                                结束标签</标签名>

          <a>

                a 有两个属性(代表事物的一些特征,比如 width height color background 等) : 一个是 href  值是需要跳转的页面地址 

 

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

 

        单标签:<img> 图片标签  <hr>分割线  <br>换横  <meta>网页元信息

        img标签:

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

                    Src 属性是图片的路径

                    Width  height  单位是px

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

 

3.起名方式

 

    (1.)        标签名

 

    (2.)        Id起的但是使用的时候加#    

 

    (3.)        Class 类  但是使用的时候用 .

 

  起名的目的就是为了给他添加样式           style 是给其添加样式的属性  但只能加到<head>标签之间   输入时用{}来添加样式

4.代码输入注意事项

 

   (1.)     书写规范 {} 是shift+[ 出来 {}

 

   (2.)     起名规范  不能用汉字起第一个字母不能是特殊符号第一个字母必须是英文字母

 

5基本网页骨架------

 

  (1.) <!DOCTYPE  html>      文档类型声明    H5特有的

 

  (2.) <html>         网页标签

 

  (3.)          <head>          头部标签

 

  (4.)                    <meta  charset="UTF-8">           国内编码

 

  (5.)                    <title></title>        网页标题标签

 

  (6.)          </head>

 

  ( 7.)          <body>            主体标签

 

    ( 8.)         </body>

 

  ( 9.)</html>

 

6.

    表格 table

 

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

 

    Img插入tab中  会出现余白

 

    用veitical-ailgn:middle;可清除。

 

    Colspan:水平合并的列数。

    Rowspan:垂直合并的行数。

 

    table(表格)

 

    td(单元格)

 

    tr(行)

 

posted on 2018-09-09 13:01  *HECATE*  阅读(322)  评论(0编辑  收藏  举报

导航