黑马程序员：javaweb基础阶段笔记之第一章

WEB01-HTML篇

今日任务

? 网站信息页面案例 ? 网站图片信息页面案例 ? 网站友情链接页面案例 ? 网站首页案例 ? 网站注册页面案例 ? 网站后台页面案例

教学导航

了解什么是标记语言 了解HTML主要特性,主要变化及发展趋势 教学目标 了解HTML的结构标签 掌握HTML的主要标签(字体,图片,列表,链接,表单等标签) 教学方法 案例驱动法 1.1 案例一：网站信息页面的显示：

1.1.1 需求：

在网页中显示网站的信息的页面：效果如下：

黑马程序员郑州中心 编著

1.1.2 分析:

1.1.2.1 技术分析：

【HTML的概述】 ? 什么是HTML

HTML:Hyper Text Markup Language --- 超文本标记语言. * 标记语言：指的是通过一组标签的形式描述事物的一门语言. * 超文本：比普通的文本更强大.

? HTML的作用

HTML是用来制作页面(静态页面).

? HTML在那些地方使用

在设计网站的页面的时候都要使用到HTML.

【HTML的使用】 ? HTML的文件的创建

一个HTML文件,扩展名是.html或者.htm结尾 * 01.html

? HTML的结构标签

* 跟标签: * -- html的头标签 * -- html的体标签

【HTML的字体标签】

? 标签:HTML中的字体标签.

使用：文字 * 标签的属性:

* <标签 属性名=”属性值” 属性名=”属性值”> * 属性:

* color属性:字体颜色

* 英文单词设置:black,red,green,blue... * 使用16进制数设置:#FFFFFF , #FFF * size属性:字体的大小 * face属性:字体 * 基本使用：

黑马程序员郑州中心 编著

我是HTML!

【HTML的排版标签】

? 标题标签：h标签

...

一级标题

二级标题

三级标题

? 段落标签：p标签

一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容

一段内容内容一段内容内容一段内容内容 一段内容内容一段内容内容一段内容内容 一段内容内容一段内容内容一段内容内容 一段内容内容一段内容内容一段内容内容

一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容

一段内容内容 一段内容内容

? 字体加粗标签：b标签

黑马训练营

? 字体斜体标签：i标签

黑马训练营

? 字体下划线：u标签

黑马训练营

? 居中标签：

标签

内容

黑马程序员郑州中心 编著