HTML 学习笔记 (1)

一、 Introduction

  1. HTML stands for Hyper Text Markup Language

  2. HTML文档就是网页

  3. Web Browser将HTML文档解释为我们看到的网页

  4. <!DOCTYPE> and DTD

二、 HTML 要点

  1. HTML标签不区分大小写

  2. 所有HTML标签都能用的四个attribute:{class, id, style, title}

  3. headings 从<h1> ~ <h6>, 重要性一次降低

  4. 默认的块级元素: <h1...6> 、 <div> 、 <p> 、 <ul> 、 <ol>

  5. 带格式的元素:<b> = <strong>; <i> = <em> ; 另外的不常用

  6. HTML Head 里的元素,当你看到应该想到它们怎么用, 有哪些要定义的属性!

    1. head, title, base

    2. link, meta, script, style

  7.  HTML Image

    1. <img>, 最好设Height, Width; 不然Browser不知道img大小, render的时候, 页面布局在img loading的过程中可能会变化

      如果页面引入的img比较多,可以采用 sprite, 将每个页面的图片做成一个大图片下载,这样可以加快页面呈现速度。

    2. <map>, 定义一个客户端的 image-map. image-map is an image with clickable areas.

    3. <area>, Defines a clickable area inside an image-map

    注: <img> 通过 usemap=“#imap” 这个属性来应用 <map name="imap">这个<map>

      <map> 通过 <area shape="circle" coords="10,10,5" href="www.cnblog.com">来实现各区域想要的点击动作

  8. HTML Table: 这个东西在做开发的时候, 老手都建议不让用

  9. HTML List:  <ul>, <ol>; 多尝试用这两个,别总是用div的方式来堆叠出 list 的效果

   10. HTML Form: 用来给WebServer发送信息, <form> 里可以引用的HTML元素如下

    1. <input>, <textarea>, <label>, <fieldset>, <legend>

    2. <select>, <optgroup>, <option>

    3. <button>

  11. HTML Entities: 为了显示HTML的保留字符,我们用 HTML Entities。

    1. 两种表示: &entity_name;  或者 &#entity_number;     前者好记,后者浏览器支持的更好,我一般都用前者

  12. HTML URL Encode

    1. Uniform Resources Locator(URL) 的格式,url 常见,但让你自己设计的话,有可能有点儿懵。

      URL 范例:scheme://host.domain:port/path/filename

       1. scheme - defines the type of Internet service. The most common type is http

        2. host - defines the domain host (the default host for http is www)

       3. domain - defines the Internet domain name, like w3schools.com

       4. port - defines the port number at the host (the default port number for http is 80

       5. path - defines a path at the server (If omitted, the document must be stored at the root directory of the web site)

       6. filename - defines the name of a document/resource

    2. URL Encoding, 编码的原因是URL只能用ASCII字符集在Internet上传播,如果含有ASCII之外的字符,只能用

      ASCII字符对这些特殊字符进行编码了

 

转载于:https://www.cnblogs.com/jameswhf/p/html_note_1.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值