网站设计开发课件-第三讲-兰州JQ.pptVIP

?本节知识点　　 HTML基础　　 基本HTML文档　　HTML(Hypertext Markup Language)即超文本描述语言，是一种用来制作超文本文档的简单标记语言。 【实例2-1】 基本的HTML文档示例。 html head title一个简单的HTML示例/title /head body center h3欢迎进入HTML天地/h3 br 　　　　hr　　　　font size=2 　　　努力掌握HTML知识，做出内容丰富，自己满意的主页！　　　　/font　　　　/center /body　/html　　在浏览器中的显示如图2-1所示。 ?本节知识点　　HTML结构　　HTML标记2.2.1 HTML文件结构　　每个网页都由一系列的元素和标签组成，元素名不区分大小写。HTML用标签来规定元素的属性和它在文件中的位置。 　　HTML超文本文档分为文档头和文档体两部分，其HTML文件结构为：html!开始标签--  head!头部标签-- title一个简单的示例 /title /head !头部结束标签-- body! 主体开始标签-- center! 居中对齐-- h1欢迎光临我的主页/h1  br !强制换行-- hr!插入水平线-- 　　　　　　　　　font size= 7 color= red 这是我第一次做主页?  /font /center  /body! 主体结束标签--/html! 结尾标签-- 2.2.2 HTML标记介绍　　HTML标记主要可分为以下八大类。　　1．文件结构标记(Document Structure Tags)　　2．区段格式标记(Block Formatting Tags)　　3．字符格式标记(Character Formatting Tags)　　4．列表标记(List Tags)　　5．链接标记(Anchor Tags)　　6．多媒体标记(Multimedia Tags) 　　7．表格标记(Table Tags) 　　8．表单标记(Form Tags)  ?本节知识点 　　 HTML布局　　 HTML格式2.3.1 标题　　一个HTML文件的结构基本上可以分为两部分，一部分称为标题区(Head Section)，另一部分称为主体区(Body Section)。文件结构标记用来标示标题区和主体区。 【实例2-2】 标题示例。html　　head　　　　title标题示例/title　　/head　　body 　　　　这是一行普通文字p　　　　h1一级标题/h1　　　　h2二级标题/h2　　　　h3三级标题/h3　　　　h4四级标题/h4　　　　h5五级标题/h5　　　　h6六级标题/h6　　/body/html在浏览器中的显示如图2-2所示。 2.3.2 分行应用【实例2-3】 无换行示例。 html　head　　title无换行示例/title　/head　body　静夜思 床前明月光，疑是地上霜。举头望明月，低头思故乡。　/body　/html　　在浏览器中的显示如图2-3所示。 【实例2-4】 换行示例。html　head　　title换行示例/title　/head　body　　　静夜思br床前明月光，br疑是地上霜。br举头望明月，br低头思故乡。　/body/html　　在浏览器中的显示如图2-4所示。 2.3.3 段落标记【实例2-5】 段落标签。html　head　　title段落标签/title　/head　body　　静夜思P床前明月光，br疑是地上霜。br举头望明月，br低头思故乡。/P　/body/html　　在浏览器中的显示如图2-5所示。 2.3.4 水平线应用　　水平线标签hr可以在屏幕上显示一条水平线，用以分割页面中的不同部分。　　1．线段粗细的设定　　【实例2-6】 线段粗细的设定。html　head　title线段粗细的设定/title　/headbody　p这是第一条线段，无size，取默认值size=1来显示 　hr　p这是第二条线段，size=5　hr size=5　p这是第三条线段，size=10　hr size=10　/body/html　　在浏览器中的显示如图2-6所示。 　　2．线段长度的设定　　【实例2-7】 线段长度的设定。html　head　　title线段长度的设定/title　/head