0101_初识html概述.pptxVIP

;网页布局;结构、显示、行为;——WEB标准网页布局组成——;——查看网页中的源代码——;目录;什么是HTML;HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML文件的扩展名为.html 或 .htm;HTML编辑工具;Dreamweaver Sublime Hbuilder FrontPage 文本文档.txt ;——Dreamweaver软件——;——Dreamweaver编辑界面——;HTML基本结构;HTML基础入门; html 根控制标记 head 头控制标记 title标题/title 标题标记 /head 头控制标记（尾） body 网页内容 内容显示区域 ? /body /html 根控制标记(尾) ;标记名 单一型,无设置值的。 例如：我想学做网页br是呀！我也想学！ 标记名称 属性=”属性值” 单一型，有设置值的。 例如：如：hr width=”80%” 标记名…/标记名称 对称型，无设置值。 例如： title我的第一个页面/title 标记名 属性名=“属性值”文本/标记名 对称型，有设置值。 例如： body bgcolor=”red”…/body font size=”7”…/font ; html…/html:网页内容以html开始/html结束 以下所有标记或标记对都必须嵌入此标记中 head…/head(网页头部) (1)title…title标记 单纯的文件标题声明 (2)link标记 link href=“style.css” rel=“stylesheet” type=“text/css” 用于载入外部CSS文件 ;——HTML基本标记——;——HTML基本标记——;——HTML基本标记——;设置页面背景——bgcolor 设置页面边距——topmargin、leftmargin、rightmargin、bottommargin 设计正文颜色——text  ;基本语法 body bgcolor=”” 语法说明 利用body标记中的bgcolor属性，可以设置网页的背景颜色。 ;—— 设置页面背景bgcolor ——;—— 设置页面背景bgcolor ——;页面边距设置显示;基本语法 body topmargin=value leftmargin=value rightmargin=value bottomnargin=value ;通过设置topmargin/leftmargin/rightmargin/bottommargin不同的属性值来设置显示内容与浏览器的距离： topmargin设置到顶端的距离 leftmargin设置到左边的距离 rightmargin设置到右边的距离 bottommargin设置到底边的距离。 ;——页面边距语法说明——;基本语法 body text=”” /body 语法说明 在body标记中，利用text属性设置文档的颜色时，还可以进行其他的设置，例如：背景、字体等。 ;——设计正文颜色text ——;网页效果;基本语法 body center需要对齐的内容/center /body;——HTML基本标记——;块级别元素;h1…/h1双标签 h2…/h2双标签 h3…/h3双标签 h4…/h4双标签 h5…/h5双标签 h6…/h6双标签 ;…… body h1翡翠教育欢迎你/h1 p翡翠教育欢迎你!/p p我们一起来追梦。 /p /body …… ;…… body h1翡翠教育欢迎你/h1 p翡翠教育欢迎你的加入！ br /在这里成为更棒的自己！ /p /body ……;…… body h1翡翠教育欢迎你/h1 hr / p翡翠教育欢迎你的加入！/p p在这里成为更棒的自己！/p /body …… ;基本语法 body hr