2019.7.14

1.属性为 HTML 元素提供附加信息，总是在 HTML 元素的开始标签中规定。

例子：<h1 align="center"> 对齐方式

<body bgcolor="yellow"> 背景颜色

<table border="1"> 表格边框

2. <hr /> 标签在 HTML 页面中创建水平（分割）线。

3.注释写法<! xxxx  >

条件注释

<!--[if IE 8]>

.... some HTML here ....

<![endif]-->

4.<br />换行

5. 当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

6.属性尽量用样式代替——采取style属性

例子：<h2 style="background-color:red">This is a heading</h2>

<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>

<h1 style="text-align:center">This is a heading</h1>

7.<pre>标签保留多个空格和换行

8.改变文字方向（浏览器支持bdo—bi-directional override）：
<bdo dir="rtl">

Here is some Hebrew text

</bdo>

9.长引用<blockquote>浏览器会插入换行和外边距，短引用<q>无特殊表现（只加“”）

10. HTML <abbr> 元素定义缩写或首字母缩略语。

对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

11. HTML <dfn> 元素定义项目或缩写的定义。

11.1如果设置了 <dfn>
元素的 title 属性，则定义项目：

<p>The <dfn title="World Health
Organization">WHO</dfn> was founded in 1948.</p>

11.2 如果 <dfn>
元素包含具有标题的
<abbr> 元素，则 title 定义项目：

<p>The

<dfn><abbr title="World Health
Organization">WHO</abbr></dfn>

was founded in 1948.

</p>

（加dfn后WHO在浏览器上为斜体）

11.3 否则，<dfn> 文本内容即是项目，并且父元素包含定义:

<p><dfn>WHO</dfn>
World Health Organization 成立于 1948 年。</p>

(没用，尽量使用11.1或用<abbr>代替)

12. 使用 Target 属性，你可以定义被链接的文档在何处显示。

<a
href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

13. name 属性规定锚（anchor）的名称。使用 name 属性创建 HTML 页面中的书签。

书签不会以任何特殊方式显示，它对读者是不可见的。

当使用命名锚（named anchors）时，我们可以创建直接跳至该命名锚（比如页面中某个小节）的链接。(目录等 )

例：

首先，我们在 HTML 文档中对锚进行命名（创建书签）：

<a name="tips">基本的注意事项 - 有用的提示</a>

然后，我们在同一个文档中创建指向该锚的链接：

<a href="#tips">有用的提示</a>

也可以在其他页面中创建指向该锚的链接：

<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>

提示：假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。

14. <img src=”url” alt= “”  />   src定义图像,图像无法加载时显示alt内容。

15.<body background=”url”>  设置背景图片，图片小于页面则图片会重复出现。

16.<img src ="/i/eg_cute.gif" align="middle"> 排列图像（图像的底部、中部、顶部与文字底部对齐），bottom对齐方式是默认的。

17.将图像作为链接来使用（设置链接）

<a href="/example/html/lastpage.html">

<img border="0" src="/i/eg_buttonnext.gif" />

</a>

18.创建带可供点击区域的图像（每个区域都是一个超链接）

先在img中使用usemap属性

<img
src="/i/eg_planets.jpg"
border="0" usemap="#planetmap"
alt="Planets" />

在<map name=”” id=””>

</ map>中设置<area />如

<area
shape="circle"
coords="180,139,14"
href ="/example/html/venus.html"
target ="_blank"
alt="Venus" />

注意：如果某个 area 标签中的坐标和其他区域发生了重叠，会优先采用最先出现的 area 标签。浏览器会忽略超过图像边界范围之外的坐标。

19.表格由<table></table>定义，每行由<tr></tr>定义，每行分若干个单元格，由<td></td>定义，表头由<th></th>定义，占一行（前后需要<tr>）

表格边框有无表示为<table border=”1”>

20.空单元格占位符：&nbsp；   也可作为不换行空格使用

21.单元格跨行 <th rowspan="2">电话</th>（跨两行）

22.无序列表与有序列表（带不带序号）

无序列表始于 <ul> 标签。每个列表项始于 <li>。

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

23.自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

计算机</dt>

用来计算的仪器 ... ...</dd>

显示器

以视觉方式显示信息的装置 ... ...

24. <div> 元素是块级元素。它能够用作其他 HTML 元素的容器。

设置 <div> 元素的类，能够为相同的 <div> 元素设置相同的类：

<div class="cities"></div>

25. <span> 元素是行内元素，能够用作文本的容器。

设置 <span> 元素的类，能够为相同的 <span> 元素设置相同的样式:

<h1>我的<span class="red">重要的</span>标题</h1>

26. HTML5 语义元素(<nav></nav>)

header

定义文档或节的页眉

nav

定义导航链接的容器

section

定义文档中的节

article

定义独立的自包含文章

aside

定义内容之外的内容（比如侧栏）

footer

定义文档或节的页脚

details

定义额外的细节

summary

定义 details 元素的标题

27. 框架：在一个窗口显示多个html文档，每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。

框架结构标签（<frameset>）定义如何将窗口分割为框架，每个 frameset 定义了一系列行或列，rows/columns 的值规定了每行或每列占据屏幕的面积

<frameset cols="25%,75%">

<frame src="frame_a.htm">

<frame src="frame_b.htm">

</frameset>

28. 假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在 <frame> 标签中加入：noresize="noresize"。为不支持框架的浏览器添加 <noframes> 标签。

注意：不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！不过，假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于 <body></body> 标签内。

HTML每日学习笔记（0）的更多相关文章

  1. 驱动开发学习笔记. 0.07 Uboot链接地址 加载地址 和 链接脚本地址

    驱动开发学习笔记. 0.07 Uboot链接地址 加载地址 和 链接脚本地址 最近重新看了乾龙_Heron的<ARM 上电启动及 Uboot 代码分析>(下简称<代码分析>) ...

  2. ArcGIS API for JavaScript 4.2学习笔记[0] AJS4.2概述、新特性、未来产品线计划与AJS笔记目录

    放着好好的成熟的AJS 3.19不学,为什么要去碰乳臭未干的AJS 4.2? 4.2全线基础学习请点击[直达] 4.3及更高版本的补充学习请关注我的博客. ArcGIS API for JavaScr ...

  3. boost 学习笔记 0: 安装环境

    boost 学习笔记 0: 安装环境 最完整的教程 http://einverne.github.io/post/2015/12/boost-learning-note-0.html Linux 自动 ...

  4. JavaScript学习笔记[0]

    JavaScript学习笔记[0] 使用的是廖雪峰JavaScript教程. 数据类型 Number 表示数字,不区分浮点整形. === 比较时不转化数据类型. == 反之. NaN与任何值都不想等, ...

  5. Spark学习笔记0——简单了解和技术架构

    目录 Spark学习笔记0--简单了解和技术架构 什么是Spark 技术架构和软件栈 Spark Core Spark SQL Spark Streaming MLlib GraphX 集群管理器 受 ...

  6. 驱动开发学习笔记. 0.04 linux 2.6 platform device register 平台设备注册 1/2 共2篇

    驱动开发读书笔记. 0.04  linux 2.6 platform device register 平台设备注册  1/2 共2篇下面这段摘自 linux源码里面的文档 : Documentatio ...

  7. 驱动开发学习笔记. 0.02 基于EASYARM-IMX283 烧写uboot和linux系统

    驱动开发读书笔记. 0.02 基于EASYARM-IMX283 怎么烧写自己裁剪的linux内核?(非所有arm9通用) 手上有一块tq2440,但是不知道什么原因,没有办法烧boot进norflas ...

  8. 驱动开发学习笔记. 0.06 嵌入式linux视频开发之预备知识

    驱动开发读书笔记. 0.06  嵌入式linux视频开发之预备知识 由于毕业设计选择了嵌入式linux视频开发相关的项目,于是找了相关的资料,下面是一下预备知识 UVC : UVC,全称为:USB v ...

  9. 驱动开发学习笔记. 0.05 linux 2.6 platform device register 平台设备注册 2/2 共2篇

    驱动开发读书笔记. 0.05 linux 2.6 platform device register 平台设备注册 2/2 共2篇 下面这段摘自 linux源码里面的文档 : 内核版本2.6.22Doc ...

  10. 驱动开发学习笔记. 0.01 配置arm-linux-gcc 交叉编译器

    驱动开发读书笔记. 0.01 配置arm-linux-gcc 交叉编译器 什么是gcc: 就像windows上的VS 工具,用来编译代码,具体请自己搜索相关资料 怎么用PC机的gcc 和 arm-li ...

随机推荐

  1. 深入理解 C/C++ 数组和指针

    本文转载自CSDN@WalkingInTheWind,原文链接:https://blog.csdn.net/luckyxiaoqiang/article/details/7044380 C语言中数组和 ...

  2. （四）mybatis缓存、事务、插件的基本知识

    mybatis缓存.事务.插件的基础 一.缓存 (一)一级缓存与二级缓存 一级缓存 为了获得更好的性能,最重要的就是一级缓存.每个session对象维持一个一级缓存,session对象创建时缓存创建, ...

  3. google搜索运算符+101个Google技巧 - Google技巧的终极收集

    下面内容整理自网络 搜索运算符 如果您使用我们的基本搜索技巧后,并未找到想要搜索的内容,可以尝试使用搜索运算符.您只需在 Google 搜索框中将这些符号或字词添加到搜索字词中,即可更好地掌控要显示的 ...

  4. Rime输入法一些设定

    有鉴于谷歌搜狗拼音等不太好用,但是博主一直页没找到合心的输入法,直到遇见Rime,中州韵就是我想要的输入法.记录一下自己用的时候的修改,以备查询.注意:缩进不要弄丢,所有更改完都需要重新部署才能生效. ...

  5. mailx发邮件报错Error initializing NSS: Unknown error -8015. . . . message not sent.处理

    前提:在配置zabbix3.0监控发送邮件告警时zabbix界面显示邮件以送达,但是QQ邮箱却没有收到邮件,再shell命令行测试发邮件QQ邮箱又是可以收到的,在别人的提醒下用zabbix用户执行发送 ...

  6. pandas入门（一）：pandas的安装和创建

    pandas 对于数据分析的人员来说都是必须熟悉的第三方库,pandas 在科学计算上有很大的优势,特别是对于数据分析人员来说,相当的重要.python中有了Numpy ,但是Numpy 还是比较数学 ...

  7. 在python中使用json

    在服务器和客户端的数据交互的时候,要找到一种数据格式,服务端好处理,客户端也好处理,这种数据格式应该是一种统一的标准,不管在哪里端处理起来都是统一的,现在这种数据格式非常的多,比如最早的xml,再后来 ...

  8. 内核ioctl函数的cmd宏参数

    在驱动程序里, ioctl() 函数上传送的变量 cmd 是应用程序用于区别设备驱动程序请求处理内容的值.cmd除了可区别数字外,还包含有助于处理的几种相应信息. cmd的大小为 32位,共分 4 个 ...

  9. Git的安装与TortoiseGit的安装和汉化

    下载Git 进入https://git-scm.com/downloads 可以看到如下界面 因为我是windows系统,选择windows即可. 有的朋友因为网络慢的一些原因不能很快下载下来,可以进 ...

  10. C++走向远洋——47（第十二周、运算符重载基础程序、阅读）

    */ * Copyright (c) 2016,烟台大学计算机与控制工程学院 * All rights reserved. * 文件名:text.cpp * 作者:常轩 * 微信公众号:Worldhe ...