HTML基础

 

内容介绍

1. 使用html的排版标签编写“网站信息页面”
2. 使用html的图片标签编写“图片显示页面”
3. 使用html的列表标签编写“友情链接页面”
4. 使用html的表格标签编写“首页”
5. 使用html的框架标签表现“后台页面”

 

学习目标

1. 能够使用<table><tr><td>进行简单页面布局
2. 能够使用<a>完成多个页面之间切换
3. 能够使用<img/>显示指定位置的图片
4. 能够使用<frameset><frame>标签绘制上左右框架结构
5. 能够看懂<p><h1><i>等标签修饰文字信息
6. 能够看懂<ul><li>进行列表信息的展示

今日学习标签总览

一天的学习需要使用众多独立没有关联的标签，为了大家更好的吸收，现给出标签总览，以“重要程度”排序。例如：“表格标签”为今天最重要的标签。

 

1. 网站信息页面显示
   1. 案例需求:

通常在一个网站中都会有关于公司的介绍,那么我们就来完成这样的案例

 

当然，大家现在还不知道怎么来完成这个案例，因为这个案例中需要使用很多HTML中的标签。

1. 1. 相关知识点
      1. HTML的概述
         1. 什么是HTML

 

HTML：超级文本标记语言（HyperText Markup Language）

1. 1. 1. “超文本”就是指页面内可以包含图片、链接等非文字内容。
      2. “标记”就是使用标签的方法将需要的内容包括起来。

 

1. 1. 1. 1. HTML能干什么

HTML用于编写网页。平时上网通过浏览器我们看到的大部分页面都是由html编写的。在浏览器访问网页时，可以通过“右键/查看网页源代码”看到具体的html代码。

网页内容包含：HTML代码、CSS代码、JavaScript代码等内容。

1. 1. 1. HTML代码：用于展示需要显示的数据。
      2. CSS代码：使显示的数据更佳好看。
      3. JavaScript代码：使整个页面显示的数据具有动画效果。