黑马程序员java培训就业班笔记：day28(Html)总结

上传人：r*** IP属地：北京上传时间：2023-02-10 格式：DOCX 页数：11 大小：50.96KB 积分：13 举报 版权申诉

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

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

文档简介

改变中国改变中国IT教育，我们正在行动Html内容Html就是超文本标记语言的简写，是最基础的网页语言。Html是通过标签来定义的语言，代码都是由标签所组成。Html代码不用区分大小写。Html代码由＜html＞开始＜/html＞结束。里面由头部分＜head＞＜/head＞和体部分＜body＞＜/body＞两部分组成。头部分是给Html页面增加一些辅助或者属性信息，它里面的内容会最先加载。体部分是真正存放页面数据的地方。多数标签都是有开始标签和结束标签，其中有个别标签因为只有单一功能，或者没有要修饰的内容可以在标签内结束。想要对被标签修饰的内容进行更丰富的操作，就用到了标签中的属性，通过对属性值的改变，增加了更多的效果选择。属性与属性值之间用“=”连接，属性值可以用双引号或单引号或者不用引号，一般都会用双引号。或公司规定书写规范。格式：＜标签名属性名='属性值'＞数据内容＜/标签名＞＜标签名属性名='属性值'/＞操作思想：为了操作数据，都需要对数据进行不同标签的封装，通过标签中的属性对封装的数据进行操作。标签就相当于一个容器。对容器中的数据进行操作，就是在再不断的改变容器的属性值。常用标签的使用改变中国改变中国IT教育，我们正在行动改变中国改变中国IT教育，我们正在行动情闾*客族下离凿IT数百品牌I依情闾*客族下离凿IT数百品牌www.irtjieimia.8E.字体标签：<font>例：<fontsize=5color=red>字体标签示例</font>注：简单颜色可是直接写对应的英文，复杂颜色用16进制表示，表现形式#££0000两个数为一组，按红，绿，蓝排列，如：#00FF00表示绿色。建议用工具选取。.标题标签：<01><02>D..<06>因为标题是文本中常用的内容，为了方便操作而定义的。其实就是某个字号和粗体的组合。.特殊字符：如果要在网页上显示一些特殊符号，比如<>&等。因为这些符号在代码中会被浏览器识别并解释，所以用一些特殊的方式来表示。<<>>&&"“®@©©™口空格注：在Dreamweaver8中都具有联想功能。列口□口表口.列表标签：<dl><dt>:上层项目<dd>:下层项目例：<dl><社>游戏名称</dt><弓弓>星际争霸</dd><弓弓>红色警戒</dd><社>部门名称</dt><dd>技术部</dd><dd>培训部</dd></dl>效果：列表中项目符号对应的标签<ol>:数字标签(aA1iI)<ul>：符号标签(ODD)

黑马程度员www.irtiieima.8E传闾播喜欢下黑马程度员www.irtiieima.8E高端IT敢育品.牌<li>:具体项目内容标签。此标签只在<ol><口1>中有效。通过type属性更改项目符号，如果想做出效果更好的列表，如：黑色圆点用图片表示，就用至Ucss。.图像标签：<img>例：<imgsrc=”1.jpg”align=”middle”border=”3”alt=”图片说明文字”/>align:属性定义图片的排列方式，border用来设置图像的边框。Src连接一个文件6.图像地图：<map>应用：当要在图像中选取某一部分作为连接的时候。如：中国地图每个省所对应的区域。map标签要和img标签联合使用。Href是超连接<imgsrc="Sunset.jpg"alt="图片说明文字"usemap="#Map"/><map><areashape="rect"coords="50,59,116,104"href="1.html"/><areashape="circle"coords="118,203,40"href="2.html"/></map>表格（重点掌握）表格标签：<table>组成：标题标签：<caption>，给表格提供标题。表头标签：<th>，一般对表格的第一行或者第一列进行格式化，就是粗体显示。并不常用。行标签：<tr>单元格标签：<td>，加载行标签的里面。可以简单理解为，先有行，在行中在加入单元格。格式：<tableborder="1"width=O40%O><!—width值为百分比可以让表格的宽度随浏览器窗口的大小变化--><caption>表格标题</caption><tr><th>姓名</th><th>年龄</th></tr><tralgin=”center”>〈七弓>张三</七弓>改变中国改变中国IT教育，我们正在行动改变中国改变中国IT教育，我们正在行动曲变中国曲变中国IT教育，我们正在行动侍用看客族下高洞IT教茸品牌I侍用看客族下高洞IT教茸品牌K-，www.irtiieimia.cQnn<td>23</td></tr></table>效果：<tableborder="1"width="40%"><tr><tr>thcolspan="2">个人信息</th></tr><tralign="center">〈七弓>张三</七弓><td>23</td></tr></tr></table>效果：每个表格可以有一个表头、一个表尾和一个或多个表体（即正文），分别以THEAD、TFOOT和TBODY元素表示。THEAD、TFOOT包含关于表格列的信息。TBODY作用是：可以控制表格分行下载，从而提高下载速度。（网页的打开是先表格的的内容全部下载完毕后，才显示出来，分行下载可以先显示部分内容，这样会减少用户等待时间。）使用TBODY的目的是可以使得这些包含在内的代码不用在整个表格都解析后一起显示，就是说如果有多个行，那么如果得到一个TBODY行，就可以先显示一行。TBODY这个标签可以控制表格分行下载，当表格内容很大时比较实用，在需要分行下载处加上＜tbody＞和＜/tbody＞。超链接.超链接标签：＜a＞点击操作连接时，浏览器会启动http协议的解析引擎，来解析href后面的内容，而解析的时候先找的本地host文件，没找到走指定的DNS服务。获取到其对应的IP地址后就走对应的端口获取数据。如果你没指定协议，浏览器就会启动默认的文件协议。浏览器没有默认的邮件协议，当找没有时，它会自动去网络中寻找。情闾播喜改下高端IT载苜品.牌情闾播喜改下高端IT载苜品.牌www.iftjienw.cQin两种用法：一、超链接<ahref=””>例：<ahref=”http：//”target=”_blank”>新浪</a>二、定位标记<aname=””>一般在本页面中使用，当网页内容过长，定位标记会比拖动滚动条方便快捷。注：定位标记要和超链接结合使用才有效。例：<aname=”标记”>标记位置</a><p>…….<ahref=”#标记”>返回标记位置</a>注：使用定位标记时一定在href值的开始加入#标记名。.框架标签：<frameset>好处：将窗口分体，一个窗口中只显示一个网页资源，用了框架技术后一个窗体能现实的多个页面资源。注：框架标签不可以放到<body>，一般为了代码的可读性，会到<head4D<body>之间。例：〈framesetrows="10%,*”><framesrc="1.html"name="top"/>〈framesetcols="30%,*”>〈framesrc="2.html"name="left"/>〈framesrc="3.html"name="right"/>〈/frameset〉〈/frameset〉这段代码会需要已经存在的3个html页面，分别是：1.html,2,html,3.html效果：

IGIG黑马程序员Jwww.iiheima.8E传目Ifl喜朗下I高晶IT教育品牌注：当框架大小不想被鼠标拖动而改变，可以在frame标签中加入noresize属性，这个属性没有属性值，称为标记属性，加上就为固定。在XHTML的规范中，所有的属性都要有属性值，那么标记属性的属性值就是自身，如：noresize=”noresize”.画中画标签：<iframe><iframesrc=”1.html”>很遗憾，画中画你没有看到，因为你的浏览器不支持iframe标签。</iframe>框架标签现在不是很常用，布局都用div+css+table。框架很少使用了。※表单※.表单标签：<form>表单标签是最常用的标签，用于与服务器端的交互。<input>:输入标签：接收用户输入信息。其中的type属性指定输入标签的类型。文本框text。输入的文本信息直接显示在框中。密码框password。输入的文本以原点或者星号的形式显示。单选框radio如：性别选择。复选框checkbox如：兴趣选择。隐藏字段hidden在页面上不显示，但在提交的时候随其他内容一起提交。提交按钮submit用于提交表单中的内容。重置按钮reset将表单中填写的内容设置为初始值。按钮button可以为其自定义事件。文件上传file后期扩展内容，会自动生成一个文本框，和一个浏览按钮。图像image它可以替代submit按钮。<select>：选择标签提供用户选择内容。如：用户所在的省市。size属性为显示项目个数。<option>：子项标签属性selected没有属性值，加在子项上，其中一个子项上，子项fflSSwwswfflSSwwsw改变中国IT教育，我们正在行动改变中国改变中国IT教育，我们正在行动SSSJwffiwSSSJwffiw改变中国IT教育，我们正在行动就变成默认被选项。<textarea>:多行文本框。如：个人信息描述。<label>：用于给各元素定义快捷键。for属性：指定快捷键作用的表单元素。必须与要作用的表单元素的id值相同。accesskey属性：指定快捷键，此快捷键需要和alt键组合使用。例：<labelfor="user"accesskey="u">用户名（u）</label><inputtype="text"id="user"/>表单提交：.先定义form表单中的action属性值，指定表单数据提交的目的地（服务端）。.明确提交方式，通过指定method属性值。如果不定义，那么method的值默认是get。get和post这两种最常用的提交方式的区别：.get提交将数据显示在地址栏，对于敏感信息不安全。post提交不显示在地址栏，对于敏感信息安全.地址栏中存放的数据是有限，所以get方式对提交的数据体积有限制。post可以提交大体积数据。.对提交数据的封装方式不同：get：将提交数据封装到了http消息头的第一行，请求行中。post：将提交的数据封装到消息头后，在请求数据体中。注意：通常表单使用post提交，因为编码方便。对于Tomcat服务器端，默认的解码方式是ISO8859-1，那么中文会出现乱码。通过post提交，可以使用request.setCharacterEncoding（口GBK”）;来解决乱码问题，该方法只对数据体有效。如果是get提交，request.setCharacterEncoding（“GBK”）该方法对乱码解决不了，必须先进行ISO8859-1编码，然后在进行GBK的解码。这种方式虽然对post提交的乱码也通用，但是麻烦。所以建立表单提交使用post。头标签头标签都放在<head></head>头部分之间。包括：titlebasemetalink<title>：指定浏览器的标题栏显示的内容。<base>：href属性：指定网页中所有的超链接的目录。可以是本地目录，也可以是网络目录。注意值得结尾处一定要用/表示目录。只作用于相对路径的超链接文件。target属性：指定打开超链接的方式。如_blank表示所有的超链接都用新窗口打开显示。<meta>：name属性：网页的描述信息。当取keywords时，content属性的内容就作为搜索引擎的关键字进行搜索。http-equiv属性：模拟HTTP协议的响应消息头。例：<metahttp-equiv="refresh"content="3;url="/>表示打开此页面3秒后自动转到新浪页面。<link>：rel属性：描述目标文档与当前文档的关系。type属性：文档类型。media：指定目标文档在哪种设备上起作用。例：<linkrel="stylesheet"type="text/css"media="screen,print"href="a.css"/>Other<marquee>让内容动起来。direction属性：leftrightdownupbehavior属性：scrollalternateslide<pre>:可以将文本内容按在代码区的样子显示在页面上。XHTMLXMLXHTML是可扩展的超文本标记语言(ExtensibleHyperTextMarkupLanguage)。XHTML是w3c组织在2000年的时候为了增强HTML推出的，本来是想替

人人文库> 全部分类> 行业资料 > 信息产业

温馨提示

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

黑马程序员java培训就业班笔记：day28(Html)总结

文档简介

温馨提示

最新文档

评论

黑马程序员java培训就业班笔记：day28(Html)总结

文档简介

温馨提示

最新文档

评论

相关文档