html简要

今天开始回顾之前的html,罗列出一些较为重要的知识点,也是平常需要注意的地方。

  1. <a> 标签
    平常大家见到的基本上是要与href属性相连,在做一些简单的界面时<a>标签可以单独使用,但是就不可以使用download, hreflang, media, rel, target 以及 type 属性。
    <a>标签的超链接不光可以从一个页面跳转到另一个页面,还可以在当前页面跳转--即锚链接。
    锚链接是在你想跳转的某一个标签上加上id名,在点击超链接时加上href = '#(id名)'(另:点击的超链接尽量与跳转目标不在同一屏幕上)。
    例如:
<a href="#login">登录帮助</a>
<!-- 此处应有很多行将登录于登录帮助不处于同一屏幕.-->
<h3 id="login">登录</h3>
  1. 制作浏览器ico


    1 .png

    首先,你得准备好16px*16px,后缀名为.ico的图标。接着,将它放到你的当前文件夹的根目录上,并且重命名为favicon.ico。再次,在<title>的上面加上

<link rel="icon" type="image/x-icon" href="favicon.ico" />

最后,运行。加载图片可能会有写缓慢,建议多运行几遍。

  1. 列表
    列表分为有序、无序、定义列表。在写列表时,遇到列表嵌套一定要注意li必须在ul/ol内部,ul内部必须是li。举一个小例子
<ul type=“circle”>  
    <li>橘子</li>     
    <li>
        苹果
        <ul>
            <li>红苹果</li>
            <li>青苹果</li>
        </ul>
    </li>
</ul>
  1. 表格
    表格需要注意的时它的两个属性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>
  1. 内联框架
    说实话我还是挺喜欢这个用法的,但是它破坏了页面的结构,不利于搜索引擎优化,设备兼容性比较差。在做导航栏和底部的时候用内联框架确实是比较方便的。
  <a href="http://www.baidu.com" target="myWeb">百度</a>
    <iframe name="myWeb" frameborder="1px" width="800px" height="600px" scrolling="yes">
  1. 表单
    表单最常见的笔试题就是问表单的属性有哪些,在这上面栽过一跟头的我,对它真的是异常的清晰。属性值text、password、radio、checkbox、button、file、hidden。
  2. 其他
    label标签用的for指向的是id。
    在input中readonly="readonly"表示只读。
    在input中disabled="disabled"表示警用。
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、HTML简介 1.什么是HTML HTML,Hyper Text Markup Language(超文本标记语...
    青年心路阅读 4,237评论 0 0
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 4,860评论 0 0
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,677评论 1 41
  • 第一章 1、使用浏览器去访问的程序,叫网页 2、web代码存放在服务器 代码分为两种:① 运行在浏览器端:前端代...
    fastwe阅读 8,763评论 0 2
  • 原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...
    任凱阅读 5,231评论 0 5

友情链接更多精彩内容