HTML笔记.doc

HTML概述 什么是HTML? HTML是英文Hyper Text Markup Language的缩写,中文意思是”超文本标记语言” HTML是用来描述网页的一种语言. HTML指的是超文本标记语言(Hyper Text Markup Language) HTML不是一种编程语言,而是一种标记语言(Markup Language) 标记语言是一套标记标签(Markup tag) HTML使用标记标签来描述网页 文档构成:最外层使用HTML/HTML包裹 head/head 头 标题,网页属性,css body/body 体 正文 HTML目前分为三个版本: HTML4.01 XHTML1.1 HTML5草案 HTML !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head title欢迎/title meta http-equiv=keywords content=keyword1,keyword2,keyword3 meta http-equiv=description content=this is my page meta http-equiv=content-type content=text/html; charset=UTF-8 !--link rel=stylesheet type=text/css href=./styles.css-- /head body java程序员,你一定可以!!!!!! br /body /html 2.标签的分类 标签的分类: HTML基础标签 简单的段落 p/p表示单一段落,多段写多个p/p 多行的段落 在一个p/p内写多行内容 一首诗的问题 采用br/表示换行 标题 title/title之间写标题 水平线 hr/表示下划线 隐藏的注释 !-- --表示注释 font/font标签可以实现字体的变化，颜色，大小 例子见:javaweb_30 HTML文本格式化 文本格式化(b/b:之间的字加粗,i/i:之间的字斜体,sub/sub:之间的字表示下标,sup/sup:之间的字表示上标) 预格式文本(pre/pre):按原代码中的格式进行输出 地址(address/address) 删除字效果和插入字效果(del/del表示删除字效果,ins/ins表示插入字效果) 例子见:javaweb_31 HTML链接 创建一个超级链接 a href=http:\\ 学java,找威哥 /a 表示通过点击”学java,找威哥”找到这个网站 将图像作为一个链接 a href=http:\\ target=_blank img alt=java官方网址 src=123.png /a,表示通过点击这张图片来找到网站,同上 在新的浏览器窗口打开链接 a href=http:\\ target=_blank img alt=java官方网址 src=123.png /a 加上target=_blank就表示在新的窗口打开页面 链接到同一个页面的不同位置 a href=#a1跳转页面a1/abr/ a href=#a2跳转页面a2/a #表示当前页面 跳出框架 a href=http:\\ target=_top跳出框架/a表示跳出框架到该网站 创建电子邮件链接 a herf=mailto发送邮件/a 例子见:javaweb_32 HTML框架 垂直框架(1) frameset cols=25%,50%,25% frame src=f1.html frame src=f2.html frame src=f3.html /frameset cols表示垂直的 水平框架(2) frameset rows=10%,50%,40% frame src=f1.html frame src=f2.html frame src=f3.html /frameset rows表示水平的 如何使用noframes标签 noframes body本浏览器不支持该框架/body /noframes 混合框架结构(3) frameset rows=120,* frame src=f1.html noresize=noresize frameset cols=20%,* frame src=f2.html noresize=noresize frameset rows=90%,10% frame src=f3.htmlnor