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 另外设置格式,防止出现错误!

原文地址:https://www.cnblogs.com/Shinigami/p/9614996.html