一、学习目的与要求
重点内容是掌握 HTML的基本标记和标记属性,比如:文字、图片、超链接、表格、框架网页、表单的各类语法。
二、考核知识点与考核目标
(一)什么是 HTML(次重点)
- HTML:超文本标记语言(识记)
- 是用特殊标记来描述文档结构和表现形式的一种语言
- Web 浏览器(识记)
- 目前主流的浏览器:IE、Firefox
- HTML 开发工具:记事本、FontPage、Dreamweaver等,保存为.html或.htm的文件;
- 编制简单的 HTML文件:与ASP类似
(二)HTML 基本语法(重点)
- HTML 标记(识记)
- 使用尖括号括起来
<>
; - 大部分都是成对出现的;
- 起始标记无斜杠、结束标记有斜杠;
- 也有单独出现的标记,比如换行符
<br>
;
- 使用尖括号括起来
- 标记属性(识记):明确元素功能,在标记中描述某种特性的参数及其语法;
- 文档头部(识记):
<head></head>
之间添加相关标签,描述网页的基本信息,例如作者等; - 文档主体(识记):
<body></body>
之间添加内容标签,进行内容填充; - 注释语句:在浏览网页不会显示,只在编辑文件时看到,可以让网页的维护和更新变得十分方便
<!-- -->
;
(三)HTML 基本元素(重点)
- 文字(识记):
- 段落—
<p></p>
- 换行—
<br>
- 预格式化—
<pre></pre>
- 标题—
<h1></h1>~<h6></h6>
- 字体—
<font face='字体' color='颜色' size='大小(1~7)'></font>
- 文字样式标记—
<b>粗体</b>
等
- 段落—
- 列表(识记):
<ul type='表示符号(Circle,Disc,Square)'>无序列表</ul>
<ol type='编号字符(1,a,A,i,I)'>有序列表</o>
; - 图像表格(单独标记)(识记):
<img src='图片路径' width='宽度' height='高度' border='边框宽度' alt='替换文字' align='对齐方式'>
; - 超链接(识记):
<a href='路径' target='目标窗口(_blank,_self,_parent,_top)' title='文字说明'></a>
; - 字符实体(识记):空格—
,大于—<
,小于—>
,and符号—&
(四)HTML 高级元素(次重点)
- 表单:
<form method='传送方式' action='处理路径'></form>
<input></input>
用于表单中单行文本框,密码框,单选框,复选框,按钮<select><option></option></select>
下拉列表<textarea></textare>
多行文本框
- 框架网页:
<frameset></frameset>
用来定义一个左右或上下框架<frame></frame>
框架窗口
(五)其他元素(一般)
- 其他元素
<center>内容居中显示</center>
<hr/>下划线
<marquee>滚动字幕</marquee>
三、问答题
- 为什么需要给HTML文件添加注释语句?
答:可以让网页的维护更新变得十分方便 - 如果同时设置了背景颜色和背景图片,会出现什么情况?
答:只有背景图片起作用 - 请比较背景图片、图片标记、超链接、框架网页中用到的文件路径的语法?
答:这些文件路径的引用都分相对路径和绝对路径两种,其中背景图片、图片、框架网页用src,超链接用href - 为什么HTML文件一般可以直接双击打开,而ASP文件就不能呢?
答:ASP文件必须要到服务器端解释执行后才可显示到浏览器端。