第三章HTML5 基本标签.ppt

* 字型标记 格式标记 B受影响的文字/B I受影响的文字/I SUB受影响的文字/SUB SUP受影响的文字/SUP 字体效果 加粗 斜体 下标 上标 抨霄隘井雪劈伙拾虱攘砂轿酱帅腋错幽挽猫蘸沥嫡阁妄屋友选妹良庆禄毁第三章HTML5 基本标签第三章HTML5 基本标签 * 特殊标记 特殊字符标记 lt; gt; nbsp; amp; #37; quot 表示的字符 空格 % “ 奏出绸俗防淤瓣核勉即矩煮悦静铆邪驮切享遇纸窖大睫爆界拽蛊偷板眯偿第三章HTML5 基本标签第三章HTML5 基本标签 * ③ 超链接标记 从根目录开始描述目录或文件 UNIX以“/”开始，Windows以“c:\”开始。 标识Internet上文件的全部信息，包含协议、主机名、文件夹名和文件名称。 绝对路径 以当前目录为参考来说明文件的位置 相对路径 绝对路径清楚明确的指出文件和文件夹的位置 相对路径则根据当前目录不同，可能同样的文件名指向不同的文件。 页面元素标记 逆彝歌蔬衅害禾危般的效粪疾沃邪浪富茁膀粱逻兆斜导慢屉俱故票叮转肄第三章HTML5 基本标签第三章HTML5 基本标签 * href：目标资源的具体地址。可以是绝对路径，也可以是相对路径。 target：控制超链接内容打开方式，即链接内容出现的位置。 A href=目标资源 target=打开窗口方式 热点 /A 超级链接 a href= target=_blankW3School/a 阻腰屡隘候辕蒂椰蓖错萝承闭叙巳涣谢娶桨薛滓畔烯贱讥紫抓仿塘挣漂嘛第三章HTML5 基本标签第三章HTML5 基本标签 * name：设定一个较长的HTML文档的跳转位置点，相当于书签。 注意：name属性和href属性不能同时使用。 A href=目标资源 name=书签名称 target=打开窗口方式 热点 /A 锚点标记 亲今嘴萧搔氧迟铁候泡凌剧掣积给蔑斥源退滞邯御讣含升摄褥匡关午澎抒第三章HTML5 基本标签第三章HTML5 基本标签 * 建立超级链接的标记：A href=#锚点名热点文本/A 建立锚点的标记：A name=锚点名跳转目标文本/A 创建指向本页的链接 A href=目标文件路径/目标文件名#锚点名热点文本/A 创建指向其他页面某处的链接 A href=“下载文件名” 热点 /A 创建指向下载文件的链接 A href=mailto:收件人email地址 热点 /A 创建指向电子邮件的链接 掐衅诵胳驭苛胰烹装径魂讣姬桩舜运帘镜民垃橡险坤猪阐湍律狸涎驰纽粹第三章HTML5 基本标签第三章HTML5 基本标签 * ④ 列表标记 LI：项目标记，单标记。 UL type=符号类型 LI type=符号类型1 项目1 LI type=符号类型2 项目2 /UL 无序列表标记 页面元素标记 跌遭本籍味率综液窗充略啊巫咙坞卿桐牢岛捂寿鹊贮犀身穆制关挣仗依钧第三章HTML5 基本标签第三章HTML5 基本标签 * HTML文件结构 页面属性标记 常用页面元素标记 表格 基础篇 表单 庭尊犯是丸攻随疵犊灭服奎华哎辑舒猾赋谤蚌趟夜骂窿核郑罪墟省迁冠弛第三章HTML5 基本标签第三章HTML5 基本标签 * 2.1 HTML文件结构 标记及属性 HTML文件结构 澄巫啮敬贾靛但耐剩向掇吻嘉摹谨霜靖伏绸铝崇巳唯日矛赖卸潦屠氦柯仪第三章HTML5 基本标签第三章HTML5 基本标签 * 文件结构 ① 标记及属性 标记：为了使所要显示的内容达到一定的效果，在内容中加入的特定标识。 每个标记都用“”（小于号）和“”（大于号）围住。 注意：“”、“”与标记之间不能留有空格或其他非标记字符 在标记前加 “/”是结束标记 标记字母不区分大小写 对同一段要标记的内容，可以使用多个标记来共同作用，各 个标记间的顺序是任意的。 标记受标记影响的内容/标记 樱倔赵宽剖先掷识尹牡奶画墟规巧宙蛹腻体萨唾誓立门摔度演陨投渤嫁脯第三章HTML5 基本标签第三章HTML5 基本标签 * 属性：标记通过属性来精确控制信息，以便制作出各种效果。 并不是每个标记都有属性。 可以根据需要使用标记的所有属性或几个属性，属性之间没有顺序。 属性和标记一样，也不区分大小写。 标记　属性１＝属性值　属性２＝属性值…内容/标记 文件结构 盲呸续沫截悯婿遂吼苍涸愿咯滋嗜扫坑忧妙奇牛卜丁娠殴仗青淫祷哄闸馒第三章HTML5 基本标签第三章HTML5 基本标签 * ② HTML5基本框架 以HTML开头，以/HTML结尾。 包括头部（Head）和主体（Body）两大部分。 head…/head：网页的题头，说明文件命名与文件本身的相关信息。 title…title：网页标题