当前位置：文档之家 › html教程-第二章-3

html教程-第二章-3

  • 格式：pptx
  • 大小：1.81 MB
  • 文档页数：58
html教程-第二章-3

合集下载

Ch02

Ch02

第2章 HTML语言基础 章 语言基础
内容简介 本章主要讲授HTML语言的使用,内容包括: 本章主要讲授HTML语言的使用,内容包括: HTML语言的使用
文本编辑的基本方法 多媒体和超链接 制作表格 框架结构 使用CSS格式化网页
学习目的与要求
掌握HTML语言的使用 掌握文本编辑的基本方法 了解多媒体和超链接 了解制作表格 了解框架结构 掌握使用CSS格式化网页
2.2.3 标题 标题<hn>
标题元素共有6种，为h1、h2、h3、h4、h5、h6， 用于表示文章中各种题目，标题字号越小，字体越大。 Hn可以设置对齐属性，如align="left"， align="center"，align="right"分别表示居左,居中，居右 对齐方式，不设置该属性时，默认为居左对齐。
2.5.4 TARGET属性的使用 属性的使用
三种常见的用法： 1．用于A标记 2．用于BASE标记 3．用于FORM标记
2.6 使用 使用CSS格式化网页 格式化网页
CSS（Cascading Style Sheets，层叠样式表），又 称格式页。用户可以利用CSS精确地控制页面里每一个 元素的字体样式、背景、排列方式、区域尺寸等。
2.8 思考与练习
1. 填空题
超文本标记 (1) HTML又称为___________语言。 <ul> (2) 无序列表用___________标记开始，列表中的每一个 条目都用__________标记引用。 <li>
(3) 网页中插入图像时，设置图像来源位置使用属性 ___________标记。 src
2.3 多媒体和超链接
多媒体和超链接在网页中起着非常重要的作 用。多媒体可以使网页更加丰富多彩，超链接使 包含不同信息的网页连接在一起，这在资源共享 的时代非常重要。
html Chapter2

html Chapter2

1： 1,2,3。。。 阿拉伯数字 1,2,3。。。 a: a,b,c。。。 小写字母 a,b,c。。。 A： A,B,C。。。 大写字母 A,B,C。。。 i: i,ii,iii。。 小写罗马数字 i,ii,iii。。 I： I,II,III。。。 大写罗马数字 I,II,III。。。
25
创建列表
6
段落级标记： 段落级标记：<PRE> 标记
如果希望文本以预定义的格式显示，可以使用 元素。 如果希望文本以预定义的格式显示，可以使用PRE元素。此元素用于定义文本的 元素 格式。文本在浏览器中显示时遵循在HTML源文档中定义的格式。 源文档中定义的格式。 格式。文本在浏览器中显示时遵循在 源文档中定义的格式 <HTML> <HEAD> <TITLE>学习 学习HTML</TITLE> 学习 </HEAD> <BODY> <PRE> 汉普蒂·邓普蒂坐在墙上 汉普蒂 邓普蒂坐在墙上 汉普蒂·邓普蒂摔了一大跤 汉普蒂 邓普蒂摔了一大跤 国王所有的马 和所有的人 也无法再把汉普蒂·邓普蒂拼起来 也无法再把汉普蒂 邓普蒂拼起来 </PRE> </BODY> </HTML>
26
创建列表
•
技巧，你可以用start属性为一个有序列表规定特殊的开 技巧，你可以用start属性为一个有序列表规定特殊的开 start 头数字或字母，默认的开始数字是1 要改变这种状况， 头数字或字母，默认的开始数字是1，要改变这种状况， 可以给lo标识符添加start属性。 lo标识符添加start属性 可以给lo标识符添加start属性。例如
11
水平标尺
<HR>水平标尺标记用于在页面上绘制一条水平线。可借助于下列属性控制水平线。 水平标尺标记用于在页面上绘制一条水平线。可借助于下列属性控制水平线。 水平标尺标记用于在页面上绘制一条水平线 它只有开始标记，没有结束标记，且不包含任何内容。 它只有开始标记，没有结束标记，且不包含任何内容。
第2章 HTML入门PPT教学课件

第2章 HTML入门PPT教学课件


2.2.4 HTML链接标签<link>
<link>标签可以设定外部文件的链接，可定义当前文档和其
他文件之间的关系。
Href：指定要定义关系文件的URL。
ID：指定某个链接的标识符。
Title：说明链接的关系。
Rel：指定当前文档和Href域中文档之间的关系。
Байду номын сангаас
例如：
<link rel="stylesheet" href="style.css"> <!--调入样式表， 链接样式表文件”style.css” -->
2.2 HTML头标记
HTML头标记指的是<head>标签。在浏览器窗口中，头部信 息是不显示在正文中的，在标记中可以插入其他的用来说 明文件的标题或公共属性的标记。<head>和</head>标 签中包含了许多信息，如文档类型、语言编码、 JavaScript和Vbscript的函数和变量、搜索引擎的关键字 和内容提示等。
<body alink="color value" link="color value" vlink="color value">
语法说明： alink是指鼠标在超链接上按下时文本的显示颜色。 link是指默认的超链接文本颜色，即超链接没有被单击过的
状态。 vlink是指连接过的超链接文本的显示颜色。其中color value
2.2.1 HTML标题标签<title>
<title>标签定义页面标题，在<title>和</title>之间加入页面 的标题文字就会在浏览器的标题栏显示出来，如果与动态 程序相结合，可以实现实时显示文章标题。例如，在ASP 编程时，在文章显示页的<title>和</title>标签中加入 News_rs（“News_Title”），当浏览者单击新闻标题时 ，文章显示页面的标题栏上就会显示这条新闻的标题。
HTML5网页设计与制作教学课件第2章CSS基础

HTML5网页设计与制作教学课件第2章CSS基础


2.3 CSS属性和单位
2.3.2 CSS单位
3. 相对单位
相对单位与绝对单位相比，显示大小不是固定的，它所设置的对象受屏幕分辨率、可视区域、
浏览器设置以及相关元素的大小等多种因素影响。 （2）ex
（1）em
ex单位根据所使用的字体中小写字母x的高度
em单位表示元素的字体高度，它
作为参考。在实际使用中，浏览器将通过em的值
2.1 CSS概述
2.1.3 CSS特点
CSS样式表相对简单、灵活、易学，能支持任何浏览器。可以使用HTML标签或命名的方式定 义，除可控制一些传统的文本属性外（例如字体、字号、颜色等），还可以控制一些比较特别的 HTML属性（例如对象位置、图片效果、鼠标指针等）。
下面具体说明CSS样式的特点。
●可以将网页样式和内容分离。
2.3 CSS属性和单位
.2 CSS单位
5. URL 【随堂练习 】
如图 2-4所示，这是一个简单的站点模拟结构。在根目录下存在 images和css两个文件夹， 在 images文件夹中存放着logo.gif图像，在css文件夹中存放着style.css样式文件。
图2-4 站点模拟结构
2.4 基本选择器
2.1 CSS概述
2.1.2 为什么学习CSS
3
4
2
5
1
6
CSS是在 HTML语言基础上发展而来的，是为了克服 HTML网页布局所带来的弊端。在HTML语言中，各种功能 的实现都是通过标签元素来实现，然后通过标签的各种属性 来定义标签的个性化显示。这些造成了各大浏览器厂商为了 实现不同的显示效果而创建各种自定义标签。同时为了设计 出不同的效果，经常会把各种标签互相嵌套，造成网页代码 的