1)

一,介绍浏览器

       ttile   标题

       url     网址

       body     网站内容  { body内容靠代码实现 }

二, 文件介绍

三, 标签的结构

        1,标签名

        2,<+标签名+>   结束标签

             标签   开始标签  结束标签

四,网页文档的结构

五,img 

      属性="属性值”

      路径  目录

名称---Web  H5    前端   全栈

应用---网站   APP  小程序   公众号

页面拓展名:.HTML     图片:.jpg   .png    .gif       应用程序拓展名:.exe

谷歌官网:http://www.google.ch/chrom/

开发工具---记事本.txt       sublime    dreamwear  webstorm  hbulider

HTML-  语言 -  超文本标记语言

结构:<标签名>

段落:<p>内容</p>

*以后是汉字出现乱码,因为文字编码不一样,UTF-8是国内编码

标签---双标签----开始标签,结束标签{两个标签中间是内容}

       ---单标签{空标签}

常见标签:

             1.标题标签      h1---h6   <h1></h1>

             2.图片----资源:本地资源  网络资源

            目录:./当前目录     ../上一级目录

               <img    src  =" "/>        src属性是图片的路径

# width宽度     height高度     单位PX
# a超链接

   <a  href ="  "  ></a>

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

                        ……target 跳转页面打开方式 -blank {新建}      -self{默认}

# id 一种起名方式    id="..."

    只要用id起的名字,前面必须加#...

# HTML特有的注释   <!--内容--!>     CTRL+?{快捷键}

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

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

2. <html>         网页标签

3.          <head>          头部标签

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

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

6.          </head>

7.          <body>            主体标签

8.          </body>

9.</html>

起名方式:

               1.标签名

                2.id起的{#}

                3.class起的{.}   锚点{链接不能用}

【起名的目的就是为了给他添加样式,style,也就是属性】

属性  代表事物的一些特征,比如:width  height  color  backgroud……

   <style>               *加标签

               #hah{          *起名字要规范

                              color:green;      *每个属性后面加;

                               backgroud:red;

                          }          *不能漏掉

  </style>

*注:1.书写规范{}   2.起名规范。不能用汉字起名,第一个字母必须是英文字母

#   表格:table

    <table  border="1"    cellspcing="0"    cellpadding="0">

[border- 决定粗细的属性        cellspacing -单元格空间属性     cellpadding -单元格内部边距属性]

img插入table中

会发现出现余白,怎么解决?

  img{

          200px;

          height:200px;

         vertical-align:middle;          解决照片余白

         }

colspan--水平合并单元格个数

rowspan--垂直合并单元格个数

原文地址:https://www.cnblogs.com/xiaotaiyangye/p/9613401.html