dayjavaweb之文件和课件so easy系列html教程

上传人：洞*** IP属地：北京上传时间：2023-04-16 格式：DOCX 页数：53 大小：644.44KB 积分：14 举报 版权申诉

已阅读5页，还剩48页未读，继续免费阅读

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

SoEasyHTMLHTMLHTMLHyperTextMarkupLanguage超文本，就是指页面内可以包含、，甚至音乐、程序等非文字元素可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，如何显示等。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不其错览器中看到的信息”HTML被用来结构化信息——也可用来在一定程度上描述文档的外观和语义。1982年由·-李创建，由IETF用简化SGM（HTML1980年，·-使世界各地的物理学家能够方便的进行合作研究，创建了使用于其系HTML。TimBerners-LeeHTML以纯文字格式为基础，可以使用任何文本编辑器处理，1993年，还是大学生的·在他的Mosaic浏览器加入<img>标记，从此可以在Web页面上浏览。但人们认为仅有还是不够，希望可将的加到网页上。因此HTML不断地超文本标记语言（第一版）——19936月作为互联网工程工作小组（IETF）（并非标准HTML2.0——199511月作为RFC1866发布，在RFC285420006月发布之后被宣布已HTML3.2——1997114日，W3CHTML4.0——19971218日，W3CHTML4.01（微小改进）——19991224日，W3CHTML52008122HTML<fontoworld--ohtml：定义HTML文档，HTML文档的根head：定义关于文档的基本信息body：定义文档的主体，运行HTML文档时显示的内容title：定义文档的标题。在运行网页时，页面顶端显示的内容font：定义文字的字体、尺寸和颜色HTML元素（HTML标记通常被称为HTML"HTML"和"HTML元素"通常都是描述同样的意思（一个HTML元素包含了开始与结束）HTML是由尖括号包围的，比如HTML通常是成对出现的，比如<b>和记结束<<font o即使忘记了使用结束，大多数浏览器也会正确地显示HTMLHTML文档中，关闭是可选的不要依赖这种做法。忘记使用结束会产生不可预料的结果或错误HTML没有内容的HTML元素被称为空元素。空元素是在开始中关闭的<br>就是没有关闭的空元素（<br>定义换行XHTML、XMLHTML在开始中添加斜杠，比如<br/>，是关闭空元素的正确方法，HTML、XHTMLXML<br>在所有浏览器中都是有效的，但使用<br/>推荐使用小写HTML对大小写不敏感：<P>等同于<p>。许多都使用大写的HTML网（W3C）在HTML4中推荐使用小写，而在未来(X)HTML版本中强制使用小HTML<<font oHTMLHTML属性一般描述于开始HTML属性常用属性网在其HTML4推荐标准中推荐小写的属性/属性值(X)HTMLHTML开始括号之后（左边的括号）需要紧跟一个叹号，结束括号之前（右边的括号）将注释插入HTML代码中，这样可以提高其可读性，使代码更易理解HTMLHTML=HTMLHTML文档包含HTML和纯文HTML”和“.htmHTMLHTML<!DOCTYPE>位于文档中的最前面的位置，处于<html>之前<!DOCTYPE>不是一个HTML；它是用来告知Web浏览器页面使用了哪HTML总是给您的HTML文档添加<!DOCTYPE>，确保浏览器能够预先知道文档类型各个HTML版本的<!DOCTYPE>应如何书写HTML<!DOCTYPE<!DOCTYPEHTML4.01这个DTD包含所有HTML元素和属性，但不包括表象或过时的元素（如font。框架集<!DOCTYPE<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN" HTML4.01这个DTD包含所有HTML元素和属性，包括表象或过时的元素（如font。框架集是不<!DOCTYPE<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTMLTransitional//EN"HTML4.01DTDHTML4.01Transitional<!DOCTYPE<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Frameset//EN" XHTML1.0这个DTD包含所有HTML元素和属性，但不包括表象或过时的元素（如font。框架集是不允许的。结构必须按标准格式的XML进行书写。<!DOCTYPE<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN" XHTML1.0这个DTD包含所有HTML元素和属性，包括表象或过时的元素（如font。框架集是不允许的。结构必须按标准格式的XML进行书写。<!DOCTYPE<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTMLTransitional//EN""XHTML1.0DTDXHTML1.0Transitional<!DOCTYPE<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN" HTML<head>元素包含了所有的头部元素（CSS，可以添加在头部区域的元素为:<title>,<style>,<meta>,<link>,<script>,<noscript>,<title>定义了不同文档的标题<title>HTML/XHTML<base>描述了基本的地址/目标，该作为HTML文档中所有的的默认。<link>定义了一个文档和外部资源之间的关系<style>定义了HTML文档的样式文件地址meta描述了一些基本的元数据<meta>提供了元数据.元数据也不显示在页面上，但会被浏览器解析，META元素通常用于指定网页的描述文件的最后修改时间作者和其他元数据，元数据可以使用浏览器（如何显示内容或重新加载页面，搜索引擎（，或其他值http-equivnamecontent属性关联到HTTPcontentHTML5content<meta>使用实为搜索引擎定义<<meta"content="HTML,CSS,XML,<<metaname="description"WebtutorialsonHTML<<metaname="author"30<<metahttp-equiv="refresh"HTML<!DOCTYPE<!DOCTYPE<h1<hralign="center"<palign="center">春眠不觉晓，<br>HTML<!DOCTYPE<!DOCTYPE<h1>这是标题<h2>这是标题<h3>这是标题<h4>这是标题<h5>这是标题<h6>这是标题HTML标题（Heading）是通过<h1>-<h6>进行定义的<h1>定义最大的标题。<h6><!DOCTYPE<!DOCTYPE段落是通过<p>定义的即使忘了使用结束，大多数浏览器也会正确地将HTML显示出来，但不要依赖这种做法忘记使用结束会产生意想不到的结果和错误在未来的HTML版本中，不允许省略结束<!DOCTYPE<!DOCTYPE<p>Thisis<br>apara<br>graphwithline在不产生一个新段落的情况下进行换行（新行，请使用<br/><br/>HTML由于关闭没有任何意义，因此它没有结束<!DOCTYPE<!DOCTYPE<hr<hr<hr<hr>在HTML页面中创建水平线hrHTMLHTML<!DOCTYPE<!DOCTYPE<!DOCTYPE<!DOCTYPE如果只是为了达到某种视觉效果而使用这个的话，建议使用CSS，这样可能会取得更丰富<kbd>已废弃，不推荐使用被包围在<pre>元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体HTML引文、及元素定定义短的<!DOCTYPE 、引文定义The<abbrtitle="WorldHealthOrganization">WHO</abbr>wasfoundedin1948.Writtenby<ahref="mailto:web VisitusBox564,Disneyland<br><bdoThistextwillgoright-to-<blockquote For50years,WWFhasbeenprotectingthefutureofTheworld'sleadingconservationorganization,WWFworksin100countriesandissupportedby1.2millionmembersintheUnitedStatesandcloseto5millionglobally.<p>WWF'sgoalis<q>BuildafuturewherepeopleliveinharmonywithWehopethey<p><cite>TheScream</cite>byEdwardMunch.Paintedin<dfn>DefinitionHTMLimgimg<img>定义HTML页面中的图像<img>有两个必需的属性：src和alt。从技术上讲，图像并不会插入HTML页面中，而是到HTML页面上。<img>的作用是为被的图像创建占位符。通过在<a>中嵌套<img>，给图像添加到另一个文档的img元素的属性列表值HTML5不支持。HTML4.01HTML5不支持。HTML4.01HTML5不支持。HTML4.01HTML5不支持。HTML4.01URLHTML5不支持。HTML4.01<!DOCTYPE<!DOCTYPE<h4>Imagewithdefaultalignment<p>帅哥,请看这里<imgsrc="girl.jpgheight="32"我在这里等你哦<h4>Imagewith<p>帅哥,请看这里<imgsrc="girl.jpgyface"yalign="middlewidth="32height="32"我在这里等你哦<h4>Imagewith<p>帅哥,请看这里.<imgsrc="girl.jpg"alt="S yface"align="top"width="32"height="32">我在这里等你哦.</p><ahref="99_biggirl.html"><imgsrc="girl.jpgtitle="哦alt="liuyanwidth="32mapareamap<img>中的usemap属性可<map>中的id或name属性（取决于浏览器所以我们应同时向<map>添加id和name属性。area定义图像映射内部的区域（图像映射指的是带有可点击区域的图像始终嵌套在<map>内部<img>中的usemap属性与<map>元素中的name相关联以创建图像与映射之间的关系area元素的属性列表值hrefURLHTML5不支持。规定没有相关的区域URL<!DOCTYPE<!DOCTYPE<imgsrc="button.jpg"border="0"<map<areashape="circle"coords="171,159,39"HTML元HTML使用超级与网络上的另一个文档相连几乎可以在所有的网页中找到点击超可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳当您把鼠标指针移动到网页中的某个上时，箭头会变为一只小手在<a>中使用了href属性来描述的地址hrefhreflang、media、rel、targettype通常在当前浏览器窗口中显示被页面，除非规定了其他target请使用CSS来改变的样式值HTML5URLHTML5不支持。规定的坐标规定的目标URLURLhrefHTML5URLhrefHTML5URLHTML5不支持。规定的形状URLhref<!DOCTYPE<!DOCTYPE 元素<aname="top">这是顶端<ahref="10_图像img元素.htmltarget="_blank<a<imgsrc="girl.jpg""们<aname="middle">这是中间<imgsrc="biggirl.jpg"<ahref="#top回到顶部<ahref="#middle回到中间HTML有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于<ol>。每个列表于<li>。<ol>定义了一个有序列表.列表排序以数字来显示值HTML5HTML5 <li>定义列表项目值1AaHTML5不支持该属性。HTML4.01已废弃该属性。不赞成使用。请使用样式取代它。规定使用哪种项目符号。I<!DOCTYPE<h4>Numbered<h4>Letters<ol<h4>Lowercaseletters<ol<h4>Romannumbers<ol<h4>LowercaseRomannumbers<ol无序列表是一个项目的列表，此列项目使用粗体圆点（典型的圆圈）进行标记<ul>定义无序列表值HTML5不支持。HTML4.01HTML5不支持。HTML4.01<li>定义列表项目值1AHTML5不支持该属性。HTML4.01已废弃该属性。不赞成使用。请使用样式取代它。规定使用哪种项目符号。<!DOCTYPE<p><b>Note:</b>ThetypeattributeoftheultagisdeprecatedinHTML4,andisnotsupportedinHTML5.ThereforewehaveusedthestyleattributeandtheCSSlist-style-typeproperty,todefinedifferenttypesofunorderedlistsbelow:</p><h4>Discbullets<ulstyle="list-style-<h4>Circlebullets<ulstyle="list-style-<h4>Squarebullets<ulstyle="list-style-<!DOCTYPE<!DOCTYPE<ol<ol<!DOCTYPE<!DOCTYPE自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以<dl>开始。每个自定义列表<dt>开始。每个自定义列表项的定义以<dd>开始。<dl>定义一个描述列表<dt>定义一个描述列表的项目/名字<dd>被用来对一个描述列表中的项目/名字进行描述<!DOCTYPE<!DOCTYPE平 <dd>抽烟<dd>喝酒<dd>烫头喜欢的游戏<dd>魔兽世界精英<dd>红色警戒HTML表格由<table>来定义。每个表格均有若干行（由<tr>定义每行被分割为若干单元格（由<td>定义。字母td指表格数据（tabledata，即数据单元格的内容。数据单元格可包含文本、、列表、段落、表单、水平线、表格等等HTML<table>定义HTML表格值HTML5不支持。HTML4.01已废弃。规定表格相对周围元素HTML5不支持。HTML4.01HTML5HTML5HTML5HTML5HTML5不支持。规定表格 %HTML5<tr>定义HTML表格中的行值HTML5HTML5不支持。HTML4.01HTML5HTML5HTML5<td>定义HTML表格中的标准单元格值HTML5HTML5HTML5HTML5不支持。HTML4.01HTML5HTML5%HTML5不支持。HTML4.01已废弃。HTML5不支持。HTML4.01已废弃。HTML5HTML5%HTML5不支持。HTML4.01<!DOCTYPE<!DOCTYPE</td><td><!DOCTYPE<!DOCTYPE<tableborder="1"width="20%"rules="rows"</td><td><!DOCTYPE<!DOCTYPE<tableborder="1"<tr</td><td><!DOCTYPE<!DOCTYPE<tableborder="1"<tr<td<tdheight="30px"<th>定义HTML表格中的表头单元格。HTML表格有两种单元格类型-包含头部信息（由<th>元素创建-包含数据（<td>元素创建）<th><td>值HTML5HTML5HTML5HTML5不支持。HTML4.01HTML5HTML5%HTML5不支持。HTML4.01HTML5不支持。HTML4.01HTML5%HTML5不支持。HTML4.01<!DOCTYPE<!DOCTYPE<tableborder="1"</td><td><caption>定义表格的标题<caption>必须直接放置到<table>之后<!DOCTYPE<!DOCTYPE<tableborder="1"</td><td><!DOCTYPE<!DOCTYPE<table<th 播客<td>55577<td>55577<!DOCTYPE<!DOCTYPE<table播客<th <td>55577<td>55577<thead>用于组合HTML表格的页眉内容<tbody>用于组合HTML表格的主体内容<tfoot>用于组合HTML表格的页脚内容<tbody>、<tbody>及<tfoot>元素内部必须包含一个或者多个<tr><thead>、<tbody>和<tfoot><!DOCTYPE<tableHTMLHTML文档称为一个框HTMLframe框架结构框架结构（<frameset>）定义如何将窗口分割为框架frameset值值值%*HTML5%*HTML5框架Frame定义了放置在每个框架中的HTML文档。值值01HTML5HTML5HTML5HTML5HTML5HTML5HTML5HTML5URL框架<noframes>元素可为那些不支持框架的浏览器显示文本。noframesframeset元素值值XHTML不能将<body></body>与<frameset></frameset>同时使用<frame>中加入：noresize="noresize"假如添加包含一段文本的<noframes>，就必须将这段文字嵌套于<body></body>内。1：<!DOCTYPE<!DOCTYPE<frameset<frame<frame<frame<!DOCTYPE<!DOCTYPE<frameset<frame<frame<frame<!DOCTYPE<!DOCTYPE<frameset<framesrc="99_frame_a.html"<frame<frame<!DOCTYPE<!DOCTYPE<frameset<frame<frame<frame<!DOCTYPE<!DOCTYPE<frameset<frame<frameset<frame<framesrc="99_frame_a.html"iframe<iframe>规定一个内联框架HTML可以把需要的文本放置在<iframe>和</iframe>之间，这样就可以应对不支持<iframe>的浏值HTML5不支持。HTML4.0110HTML5<iframe>规定<iframe>HTML5<iframe>的较长描HTML5<iframe>HTML5<iframe>规定<iframe>HTML5<iframe><iframe>URL规定<iframe><!DOCTYPE<!DOCTYPE<iframesrc="girl.jpg"width="240px"scrolling="no"name="abc"<aoworld.htmltarget="abc">HTMLForm值HTML5值HTML5text/（适用于method="post"的情况）HTTPactionURL文本框通过<inputtype="text">来设定，当用户要在表单中键入字母、数字等内容时，就会用到<input>元素是空的,它只包含属性<label><input>20<input>元素在<form>元素中使用，用来允许用户输入数据的input控件值 /*image/*(只针对type="file")leftrighttopmiddleHTML5已废弃，不赞成使用。规定图像输入的对齐方式。(只针对type="image")定义图像输入的替代文本。只针对checked属性规定在页面加载时应该被预先选定的<input>元素。(type="checkbox"或者type="radio")isabled属性规定应该禁用的<input>readonlysize属性规定以字符数计的<input>srcURL。(只针对type="image")buttoncheckboxcolordatedatetimedatetime-localfilehiddenimagemonthnumberpasswordradiorangeresetsearchsubmittexttimeurlweektype属性规定要显示的<input>元素的类Specifiesthevalueofan<input><!DOCTYPE<!DOCTYPE<formid="form1"name="form1"action="#"用户名:<inputtype="textid="usernamename="username用户名:<inputtype="textid="passwordname="passwordvalue="密码"readonly="readonly">确 :<inputtype="tex

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

dayjavaweb之文件和课件so easy系列html教程

文档简介

温馨提示

最新文档

评论

dayjavaweb之文件和课件so easy系列html教程

文档简介

温馨提示

最新文档

评论

相关文档