| 失效链接处理 |
|
HTML&CSS总结 PDF 下载
本站整理下载：
提取码：rxae
相关截图：
 主要内容：
结构 元素：<h1>A Heading</h1> 标签：<h1>、</h1> HTML代码：位于<html>与</html>之间的所有内容都是HTML代码 页面信息：<head>与</head>之间包含了有关这个页面的一些信息 主窗口：<body>与</body>之间的所有内容都会显示在浏览器主窗口中 特性：提供有关元素中内容的附加信息 2. 文本 标记：分为结构化标记和语义化标记 粗体和加粗：<b>、<strong>两者均显示为粗体，<strong>常用于加重 语气斜体和强调：<i>、<em>两者均显示斜体，<em>元素起强调作用 上标和下标：4<sup>th</sup>表示4th，CO<sub>2</sub>表示CO2 空格： 引用： <blockquote>：较长的引用 <q>：较短引用，IE浏览器不会在引用两旁添加引号，回避 使用两者都可以用cite特性表明引用的来源 缩写词：HTML5中，不论缩写词还是首字母缩写词都只使用<abbr>元 素，title特性用来指定相应词汇的完整形式 引文和定义：表明引文<cite>一部电影</cite>，表明定义<dfn>新术语 </dfn>，这两个元素通常显示为斜体 设计者信息：<adress>用于包含设计者信息，通常显示为斜体 内容修改：<ins>：已插入，显示为下划线 <del>：已删除，显示为删除线 <s>：应删除，显示为删除线 <u>：下划线，逐渐淘汰 3. 列表 有序列表：<ol> <li>first</li> <li>second</li> </ol> 无序列表：<ul> <li>first</li> <li>second</li> </ul> 定义列表：<dl> <dt>first</dt> <dd>the no.1</dd> </dl> 嵌套列表：可在<li>元素中放入嵌套列表 4. 链接 表示：<a href="http://www.">IMDB</a> 分类： 指向其他网站：使用绝对URL 指向同一网站的其他页面：使用相对URL 相对URL：相对于当前文件的位置 相同文件夹：reviews.html 子文件夹：music/listings.html 孙子文件夹：movies/dvd/reviews.html 父文件夹：../index.html 祖父文件夹：../../index.html email链接：<a href="mailto:12345678@qq.com">A Email</a> 在新窗口中打开链接：特性target="_blank" 链接到当前页面的某个特定位置：<h1 id="top">Terms</h1> <a
href="#top">Top</a> 链接到其他页面的某个特定位置：<a href="http://www.htmlandcssbook.com/#bottom">bottom</a> 5. 图像 添加图像：<img src="" alt="" title="" /> src：地址 alt：无法查看图像时的描述，用于屏幕阅读器和搜索引擎 title：光标悬停时显示的内容，可省 宽度和高度：最好事先指定图像的大小，会压缩或者拉伸图像，单位 为像素 width height 旧代码：特性align left right top middle bottom 创建图像的三条规则：使用ps实现 格式： jpeg：图片中包含多种不同的颜色时使用 gif/png：图像中含有少量的颜色或者大面积的 同色区域时使用 大小：使保存图像的大小和网页上显示的大小一致 以像素衡量图像 HTML5图形和图形说明：<figure> <img src="" alt=""> <br> <figcaption></figcaption> </figure> 6. 表格 结构：<table> <tr> <th></th> <td></td> <td></td> </tr> </table> <th>用于表格的标题，可使用scope="row/col"特性 跨列：特性colspan=""，以一单元格相对变化 跨行：特性rowspan=""，同样以一单元格相对变化 长表格：区分表格的主题内容，包含<tr>元素 <thead>：首行 <tbody>：主体 <tfoot>：末行 旧代码： width：表格或单元格宽度 cellpadding：表格内边距 cellspacing：表格单元格之间间隔 border：表格边框宽度 bgcolor：表格或单元格背景颜色 7. 表单 结构：<form action="" method=""></form> 单行文本框/密码框：<input type="text/password" name="" size="" maxlength="" /> maxlength：限制文本域输入字符的最大数量 size：旧表单使用，使文本框在宽度上显示多少个字符的 大小 多行文本框：<textarea name="" cols="" rows=""></textarea> 旧特性cols：以字符的数量衡量文本域的宽度 旧特性rows：纵向上所占的行数 单选按钮/复选框：<input type="radio/checkbox" name="" value="" checked="checked" />... name：用来回答同一问题的name应该相同 value：被选中时发送到服务器的值 checked：默认被选中 下拉列表框：<select name=""> <option value="" selected="selected"></option> <option value=""></option> </select> selected：默认被选中 多选框：<select name="" size="" multiple="multiple"> <option value="" selected="selected"></option> <option value=""></option> </select> size：显示出来的选项数量 multiple：允许选择多项 文件上传域：<input type="file" name="" /> 如果需要上传文件，需要将form的method特性设置为post 提交按钮：<input type="submit" (name="") value="" /> 图像提交按钮：<input type="image" src="" width="" height="" />按钮和隐藏控件： 按钮：<button>可插入图片和文字</button> 隐藏控件：<input type="hidden" name="" value="" /> 标签表单控件：方便视力受损的用户，用于单选或复选时扩展可单击 域 <label>...<input type="text" name="" /></label> <input id="female" type="radio" name="gender" value="f" /> <label for="female"></label>
注：name不同时，可以直接for="name的值" 组合表单元素：<fieldset> <legend></legend> ... </fieldset> HTML5 表单验证：在控件中加入required="required"特性 日期控件：<input type="date" name="" /> 电子邮件和URL输入：<input type="email/url" name="" />搜索输入控件：<input type="search" name="" /> placeholder特性：可用在任何文本输入控件上，会在输入 前显示该特性的值 8. 其他标记 注释：<!--...--> class特性：一个元素属于几个不同的类时，类名用空格隔开 <div>和<span> 内联框架：<iframe width="" height="" src="" ></iframe> HTML5 seamless特性：应用在不希望出现滚动条的地 方，seamless=seamless 旧特性scrolling：yes显示滚动条，no隐藏滚动 条，auto根据需要决定 旧特性framebroder：0不显示边框，1显示边框 页面信息：<meta name="" content="" /> name="description"：content包含有关页面的 描述信息 name="keywords"：content包含一组以逗号分 隔的关键词列表 name="robots"：content="noindex"表示不希 望页面加入搜索结果，content="nofollow"表示 加入搜索结果，但不要收录页面上链接的其他页面 <meta http-equiv="" content="" /> http-equiv="author"：content包含网页的设 计者http-equiv=""pragma：content="no-cache"防 止浏览器对页面的缓存 http-equiv="expires"：content="Fri,04 Apr 2014 23:59:59 GMT"用来指定页面的过期时间 以及缓存的有效期 9. Flash、视频和音频
|
| Java1234官方群25： | 
|
| Java1234官方群25： | 838462530 |
苏公网安备 32061202001004号
