01.第一章HTML基本标签及表格标签.ppt

一流的培训基地 一流的培训基地 第一章 HTML基本标签、字体设置标签、表格标签 本章学习任务 HTML的基本概念 HTML的基本标签 HTML页面的基本语法格式 表格标签 表格标签的常用属性 * HTML 简介 Hyper Text Markup Language 超文本 (文字+图片+音频+视频+链接…) 标记语言 (浏览器看到什么样的标记，就会做出什么样的响应) 是写给浏览器的语言 Html直接用浏览器来执行 HTML语言经常用于编写Web静态页面 HTML语法标记特点 标记(标签或元素)的形式 双标签 元素名内容/元素名 如：font文字/font 单标签 元素名/ 如：img src=“a.jpg”/ 元素名 如：br / HTML的基本语法结构 HTML标签可以设置元素的属性，属性由于属性名和属性值组成，形式如下： 起始标签 属性名1=“属性值1” 属性名2=“属性值2”… /结束标签 * HTML 页面的基本结构 html //HTML起始标签 head //页面头部起始标签 title网页标题/title //页面标题 /head //页面头部结尾标签 body //页面正文起始标签 网页正文 /body //页面正文结束标签 /html //HTML结束标签 注意事项与练习 回车键和空格键在HTML中显示时不起作用，为使代码清晰，建议不同的标记之间回车编写，以便于代码的阅读 缩进用tab，不要使用空格 代码中注释格式为!--需要注释的内容-- 编写第一个HTML页面 标题为“欢迎来到四海兴唐” 正文为“四海兴唐欢迎你” 显示一张图片 修改正文中文字的大小 font标签 font标签用于控制页面文字的字体、字号和颜色 font size=“3” color=“red” face=“宋体” 文字内容 /font size 表示字号，数值从1~7依次变大。 color表示颜色 face表示字体 表格标签的使用 表格标签可用于页面布局，Table标签为表格标签，TR标签为行标签，TD标签为列标签，规定TD要包含在TR中 例如：定义一个2行3列的表格，语法如下 table TRTD/TDTD/TDTD/TD/TR TRTD/TDTD/TDTD/TD/TR /table 表格标签的常用属性（一） border属性表示边框的宽度 属性值为整数，如：border =“1” rowspan属性表示TD跨越的行 属性值为整数，如：rowspan =“3”，表示跨3行 colspan属性表示TD跨越的列 属性值为整数，如：colspan =“2”，表示跨2列 表格标签的常用属性（二） width属性指定宽度 属性值为整数，单位为px，例如width=“80px”，表示宽度为80个像素 属性值为整数，单位为%，例如width=“60%”，表示宽度占父标签的百分之60 height属性指定高度 属性值为整数，单位为px，例如height=“100px”，表示高度为100个像素 不建议高度使用%单位 表格标签的常用属性（三） align的属性值及含义如下 left 内容居左显示 right 内容居右显示 center 内容水平居中显示 valign的属性值及含义如下 top 内容居顶显示 bottom 内容居底显示 center 内容垂直居中显示 慢慢IT路 你需要过来人的指点 * 一流的培训基地 一流的培训基地 *