1.URL  uniform resource locator

遵循格式： scheme://host.domain:port/path/filename

  • scheme - 定义因特网服务的类型。最常见的类型是 http
  • host - 定义域主机（http的默认主机是 www）
  • domain - 定义因特网域名。比方 w3school.com.cn
  • :port - 定义主机上的port号（http的默认port号是 80）
  • path - 定义server上的路径（假设省略。则文档必须位于站点的根文件夹中）。
  • filename - 定义文档/资源的名称

【注】最流行的schema包含：http。https，ftp，file.

【注】URL仅仅能使用 ASCII字符集来通过因特网进行发送。

因为
URL经常会包括 ASCII 集合之外的字符，URL必须转换为有效的 ASCII
格式。

URL
编码使用 "%" 其后尾随两位的十六进制数来替换非 ASCII字符。

2.<!DOCTYPE> 声明帮助浏览器正确地显示网页。

HTML 也有多个不同的版本号，仅仅有全然明确页面中使用的确切 HTML 版本号，浏览器才干全然正确地显示出 HTML 页面。

这就是 <!DOCTYPE> 的用处。

3. table标签

table定义表格，th定义表头，tr定义表格行，td定义表格单元。caption定义表格主题

4.列表标签

ol定义有序表，ul定义无需表。li定义表项。

5.样式

外部样式表（head中）：<link rel="stylesheet" type="text/css" href="mystyle.css">

内部样式表（head中）：

<style type="text/css">

body {background-color: red}

p {margin-left: 20px}

</style>

内联样式：

<p  style="color: red; margin-left: 20px">This is a paragraph</p>

【注】一般定义在head中

6.链接

链接网址：<a href=“http://www.w3school.com.cn/” target=“_blank”>Visit W3School</a>

链接图片：<img src="boat.gif" alt="Big Boat">

【注】_blank表示以新的页面打开。alt表示图片无法载入时显示的文字。

7.段落

<p>this is paragraph</p>

【注】段落无非是多加了两个空格。

8.头部

<head>this is head</head>表示头部信息。头部信息还能够带一些meta信息。

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<meta name="author"

content="w3school.com.cn">

<meta name="revised"

content="David Yang,8/1/07">

<meta name="generator"

content="Dreamweaver 8.0en">

</head>

【注】具体參考http://blog.csdn.net/lsjseu/article/details/27047399

【注】头部可定义head。title，base，link，meta，script（client脚本），style。

8.object元素

        辅助应用程序。由object启动。利用quticktime播放wave文件。

<object width="420" height="360"

classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"

codebase="http://www.apple.com/qtactivex/qtplugin.cab">

<param name="src" value="bird.wav" />

<param name="controller" value="true" />

</object>

待续......

HTML杂记的更多相关文章

  1. [Erlang 0118] Erlang 杂记 V

       我在知乎回答问题不多,这个问题: "对你职业生涯帮助最大的习惯是什么?它是如何帮助你的?",我还是主动回答了一下.    做笔记 一开始笔记软件做的不好的时候就发邮件给自己, ...

  2. Ubuntu杂记——Ubuntu下用虚拟机共享上网

    由于最近把自己电脑环境换成了Ubuntu,但学校的网络是电信的闪讯,大学里用过的人都知道这货有多坑,而且没有Linux客户端,上网都是问题,怪不得国内用Linux的人那么少,特别是高校的学生(让我瞎逼 ...

  3. 一个ubuntu phper的自我修养（杂记）

    ubuntu使用杂记 1.flatabulous安装使用. flatabulous是一个ubuntu图标主题. 使用它,必须得安装tweak插件. sudo add-apt-repository pp ...

  4. 有关Java的日期处理的一些杂记

    在企业应用开发中,经常会遇到日期的相关处理,说实话JDK自带的日期方法很难用.就我个人而言我一般都会采用joda-time来替代JDK自身的日期. 这篇文章是杂记,所以写的比较零散,希望大家不要见怪. ...

  5. 分布式系统之CAP理论杂记[转]

    分布式系统之CAP理论杂记 http://www.cnblogs.com/highriver/archive/2011/09/15/2176833.html 分布式系统的CAP理论: 理论首先把分布式 ...

  6. Redis杂记

    参考资料: Redis 教程 | 菜鸟教程 : http://www.runoob.com/redis/redis-tutorial.html Redis快速入门 :http://www.yiibai ...

  7. MySQL杂记

    参考资料: w3school  SQL 教程 : http://www.w3school.com.cn/sql/index.asp 21分钟 MySQL 入门教程 : http://www.cnblo ...

  8. Android之开发杂记（一）

    1.cygwin环境变量设置 可在Cygwin.bat 中设置 set NDK_ROOT=P:/android/android-ndk-r8e 或者在home\Administrator\.bash_ ...

  9. ios程序开发杂记

    ios程序开发杂记 一.程序构建 与一般的程序构建无太大区别,都是源文件编译链接这一套,通常是在mac上做交叉编译,也就是利用xcode里带的ios编译工具集去生成arm架构的ios程序(或是x86的 ...

  10. [Flask]学习杂记--模板

    这个学习杂记主要不是分享经验,更多是记录下falsk的体验过程,以后做东西在深入研究,因为django之前用的时间比较长,所以很多概念都是一看而过,做个试验了解下flask的功能. flask中使用是 ...

随机推荐

  1. winform视频教程-任务定时循环执行小工具

    有时候,我们可能遇到这样的一种需求,就是需要有一个小工具,在服务器中不断的执行一些任务,那么这样的需求,我们可以做一个windows服务程序,或者做一个winform wpf等小程序,然后小程序里面开 ...

  2. 如何开发一个基于 Docker 的 Python 应用

    前言 Python 家族成员繁多,解决五花八门的业务需求.这里将通过 Python 明星项目 IPython Notebook,使其容器化,让大家掌握基础的 Docker 使用方法. IPython ...

  3. iOS获取真机沙盒文件、获取真机本地数据

    有时我们需要对真机内的数据进行分析,那么如何获取沙盒所有数据文件呢? 1.设备连接到电脑,打开xcode 2.打开window-devices 3.打开后,选择设备名,选择app,导出数据 4.最后拿 ...

  4. Java多线程编程：Callable、Future和FutureTask浅析

    通过前面几篇的学习,我们知道创建线程的方式有两种,一种是实现Runnable接口,另一种是继承Thread,但是这两种方式都有个缺点,那就是在任务执行完成之后无法获取返回结果,那如果我们想要获取返回结 ...

  5. rsync配置及优化

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 3 ...

  6. UNIX 家族及Linux

    Unix成长为一个非私有的操作系统,是因为1956年的AT&T公司受命于联邦去经营电报电话服务.当然也可以开发软件,甚至那个软件可以有”合理”收费的许可证,但是这个公司却被禁止从事任何和计算机 ...

  7. 【HTML】 向网页<Title></Title>中插入图片以及跑马灯

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style typ ...

  8. CentOS 7.3 系统安装配置图解教程

    一.安装CentOS 7.3 CentOS 7.x系列只有64位系统,没有32位.生产服务器建议安装CentOS-7-x86_64-Minimal-1611.iso版本 成功引导系统后,会出现下面的界 ...

  9. 一个Demo带你彻底掌握View的滑动冲突

    本文已授权微信公众号:鸿洋(hongyangAndroid)在微信公众号平台原创首发. 近期在又一次学习Android自己定义View这一块的内容.遇到了平时开发中常常碰到的一个棘手问题:View的滑 ...

  10. 【蓝桥杯】PREV-21 回文数字

    题目链接:http://lx.lanqiao.org/problem.page? gpid=T113   历届试题 回文数字   时间限制:1.0s   内存限制:256.0MB      问题描写叙 ...