HTML 20/80关键知识

发表于

HTML 20/80关键知识

1 网页结构

  • HTML：专注于网页的结构
  • CSS ：用于修饰网页的样式
  • Javascript:赋予网页的各种功能（数据存储，通讯，反数据爬取等）

    2 静态网页的概念

    拥有HTML和CSS（网页的结构和样式），但没有JavaScript（没有任何数据的传输，比如注册网站或登录后台要传送数据给数据库等）

    3 HTML

    由标签组成，因此是一种标记语言，包含100多种标签，其中最常用的有10中

标签：一般由开始标签+内容+结束标签组成，如：

<div> hello,word</div>

要注意的是，在HTML中，并不是所有的标签都是结束标签

比如img标签：

<img src="images/001.jpg" alt="蝴蝶兰">

搭配的标签

  • 用class属性把正确的样式赋予标签，用href属性在标签内引入链接
  • 标签定义列表项目
  • 标签可以用子啊有序列表(
      )和无序列表(
        )中
  • 每个标签带有多个属性，其中有必要属性，如img标签的src属性（值为URL，未定显示图像的URL）和alt属性（值为text，规定显示图像的替代文本）

标签的嵌套

  • 实质是包含关系
  • 内层标签和外层标签是父子关系
  • 同一层标签是兄弟关系

网页设计的结构（要与html结构区别开，这是不同的定义）

  • Header（布置导航，目录）
  • Content(文章，博客）
  • Footer(联系方式等）
------*** end*** ------