今天开始回顾之前的html,罗列出一些较为重要的知识点,也是平常需要注意的地方。
- <a> 标签
平常大家见到的基本上是要与href属性相连,在做一些简单的界面时<a>标签可以单独使用,但是就不可以使用download, hreflang, media, rel, target 以及 type 属性。
<a>标签的超链接不光可以从一个页面跳转到另一个页面,还可以在当前页面跳转--即锚链接。
锚链接是在你想跳转的某一个标签上加上id名,在点击超链接时加上href = '#(id名)'(另:点击的超链接尽量与跳转目标不在同一屏幕上)。
例如:
<a href="#login">登录帮助</a>
<!-- 此处应有很多行将登录于登录帮助不处于同一屏幕.-->
<h3 id="login">登录</h3>
-
制作浏览器ico
首先,你得准备好16px*16px,后缀名为.ico的图标。接着,将它放到你的当前文件夹的根目录上,并且重命名为favicon.ico。再次,在<title>的上面加上
<link rel="icon" type="image/x-icon" href="favicon.ico" />
最后,运行。加载图片可能会有写缓慢,建议多运行几遍。
- 列表
列表分为有序、无序、定义列表。在写列表时,遇到列表嵌套一定要注意li必须在ul/ol内部,ul内部必须是li。举一个小例子
<ul type=“circle”>
<li>橘子</li>
<li>
苹果
<ul>
<li>红苹果</li>
<li>青苹果</li>
</ul>
</li>
</ul>
- 表格
表格需要注意的时它的两个属性align、valign。align有left、center、right三个值,valign有top、middle、botton、baseline四个值,分别对应的意思,在此不在赘述。
<table border="1px" width="60%" align="center">
<tr height="40px">
<td valign="top">1</td>
<td>2</td>
<td>3</td>
</tr>
<tr valign="top" height="30px">
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
在表格中其实最重要的还是表格的合并。
不管是行合并、还是列合并,都是两步走:
4.1 在合并的第一个单元格中添加colsqpan或者rowspan属性,设置合并列数或合并行数。
4.2 删除多余的单元格。
<table>
<caption>表格</caption>
<tr>
<td colspan="2">1</td>
<!-- <td>1</td> -->
<td>1</td>
</tr>
<tr>
<td rowspan="2">1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<!-- <td>1</td> -->
<td>1</td>
<td>1</td>
</tr>
</table>
- 内联框架
说实话我还是挺喜欢这个用法的,但是它破坏了页面的结构,不利于搜索引擎优化,设备兼容性比较差。在做导航栏和底部的时候用内联框架确实是比较方便的。
<a href="http://www.baidu.com" target="myWeb">百度</a>
<iframe name="myWeb" frameborder="1px" width="800px" height="600px" scrolling="yes">
- 表单
表单最常见的笔试题就是问表单的属性有哪些,在这上面栽过一跟头的我,对它真的是异常的清晰。属性值text、password、radio、checkbox、button、file、hidden。 - 其他
label标签用的for指向的是id。
在input中readonly="readonly"表示只读。
在input中disabled="disabled"表示警用。