2字体和列表总结归纳.ppt

HTML基础 一、 HTML的概念 1.什么是HTML？ 超文本标记语言（HTML——HyperText Markup Language）是用于设计网页源文件（网页文档）的语言，利用它编写的代码保存在后缀名为.htm或.html的文件中。 HTML包括一些定义页面内容和格式的符号，称为标记（标签）。它能够将文本、图像、声音和动画结合在一个网页文档中。这些文档可以通过Web浏览器显示，还可以通过超链接访问其它的信息资源。 HTML基础 2.什么是标记？ 标记是网页文档中的一些有特定意义的符号，这些符号指明如何显示文档中的内容。 标记总是放在三角括号中，大多数标记都成对出现（有开始标记和结束标记）。结束标记和开始标记所用的字符相同，只是前面加一个斜杠。 例如：p…/p 用于标记一个自然段。 标记可以具有相应属性即各种参数，如size、color、 text、 width和noshade等。 例如：font size=5 color=redHello/font 标记可以嵌套使用。 例如：uiCisisuLee/i/u HTML基础 有少数标记允许只有开始标记而没有结束标记。例如： 断行用的标记：br 分段用的标记：p 标记不区分大小写。 HTML基础 二、如何编写和浏览HTML网页文档 1.如何编写HTML网页文档？ 启动记事本程序，利用HTML语言编写源代码。输入完毕后，选择“文件”菜单中的“保存”或“另存为”命令，打开“另存为”对话框，指定合适的存储路径和文件名（注意在“保存类型”下拉列表框中选择“所有文件”选项）。 HTML基础 二、如何编写和浏览HTML网页文档 2.如何浏览HTML网页文档？ 启动IE，在浏览器窗口的地址栏输入网页文档的URL。 或者直接用浏览器打开你所编辑的网页文档。 HTML基础 三、HTML的常用标记 1.文档结构标记 用来指明一个HTML文档的基本结构。 （1）文档标记：HTML…/HTML 整个HTML文档内容均在此标记之中。 （2）头部标记： HEAD…/HEAD 凡是在此标记之内的内容，例如标题等，均属于头部信息。头部信息不显示在Web页中。 HTML基础 在头部标记中，有个很重要的组成部分，那就是“元数据”（meta）。元数据不属于文档显示内容，而是用来说明文档信息。方便网络蜘蛛进行数据抓取。这属性在SEO中被广泛使用。 meta name=“keyword” content=“Chinese Locallization provider,Chinese translation” HTML基础 主体（正文）标记有下列属性： backgroud:指定文档背景图像的url地址，图像平铺在页背景上。 bgcolor：指定文档的背景颜色。 text：指定文档中文本的颜色。 Link：指定文档中链接的颜色。 VLink:指定文档中已被访问过的链接的颜色。 Onload：指定文档首次加载时调用的事件处理程序。 Onunload：当文档卸载时，调用的事件处理程序。 HTML基础 html head title结构标记示例/title /head body text=blue pi斜体字文本/i/p /body /html HTML基础 2.格式标记 （1）段落标记：p…/p 此标记用来创建一个段落，在此标记之间的文本将按照段落的格式显示。 （2）换行标记：br 此标记没有结束标记，用来创建一个换行。 (3) 格式属性 align:此属性常用于p标记或Hn标记中，用来进行文本段落对齐方式的设置。 其中center 为居中，left为左对齐，right为右对齐，justify为两端对齐。其中center也可用center/center标记来实现。 HTML基础 3. 文本标记 （1）标题标记：hn/hn (n的范围为1~6) h1/h1是最大的标题，h6/h6则是最小的标题。被标示的文字将以粗体的方式显示在页面中。 （2）字体标记：b/b、i/i、u/u ①b/b之间的文本以黑体字的形式输出 ②i/i之间的文本以斜体字的形式输出 ③u/u之间的文本以加下划线的形式输出 HTML基础 ④sup/sup之间的文本以上标的形式输出 ⑤sub/sub之间的文本以下标的形式输出 HTML基础 （3）斜体和加重标记：em/em、strong/strong ①em/em用来输出需要强调的文本(通常是斜体) ②strong/stron