1. HTML 全称HyperText Markup Language （超文本标记语言）。

2. 网页=HTML文件 + Web服务器 + CSS文本。

3. Web服务器：处理浏览器请求，寻找资源发送至浏览器。

4. 浏览器通过统一的HTML了解网页的结构和内容，并显示出来。

5. 当浏览器阅读HTML时，它会解析包围文本的标签；<html>标签通知浏览器这是一个HTML文件，HTML文件不内嵌特殊格式，文件的内容至关重要；Web建立在没有任何特殊格式字符的文本文本文件上，这使得它可以在全世界各个地方都能接收网页并理解内容；

6. 作为一个初学者，请使用文本编辑器编写html文件，这对你了解网页的构建更有帮助，等你成为一个高手，需要提升效率时，可以使用Dreamweaver、FrontPage、Golive等功能强大的网页设计软件；

7. 元素可以拥有属性，属性提供元素的更多信息，使用CSS样式时必须指定“text/css”作为样式属性;CSS和HTML一起使用十分强大；#d2b48c是16进制颜色，以后详细学习；“body”意味着“{”和“}”之间所有CSS文本用于HTML<body>标签元素中的内容；

8. CSS是级联样式表（Cascading Style Sheet）， 用以控制HTML的外观；

9. HTML标记内容，用标签提供结构，匹配标记和他们之间的内容称之为元素，一个元素由开始、内容、结束构成；

10. 用户无法自定义一个html属性，因为浏览器只知道事先指定好的每个元素的属性；委员会决定HTML的元素和属性是否被支持；

11. 参考：HEAD FIRST HTML && CSS 和 《HTML和XHTML权威指南》；

12. 属性用来个性化元素，比如href就是连接指向；

13. 组织网站没有绝对正确的形式，但是要方便将来的扩建和管理，有时我们需要在几个网页中重复使用某些图像，所以将图像全部放在项目的根目录的一个文件夹中，但是如果你的网站需要在不同的网页文件中使用大量的图像，就可以在每个枝叶目录下设置各自的图像文件夹；

14. 使用“..”表示向上追溯到父目录，这个很像CMD和linux的命令；这个可以叠加使用；上溯的最大限是网站根目录；路径字数限制是255个；必须使用“/”分隔符，而不是Windows的“\”；

15. 某些浏览器，包括IE6，对<q>标签包括的文字不显示双引号；

16. 引用多文字使用<blockquote>，文字中夹杂一点引用用<q>，前者像是一个新的段落，是块（block）元素，后者是内联（inline）元素，块元素前后都有换行符，内敛元素在网页中随着文字流出现在“行内”；

17. 块元素特立独行，内敛元素随波逐流；

18. 没有HTML内容的元素称为空元素;

19. 列表元素<li></li>，<ol></ol>封装有序列表元素，<ul></ul>封装无序列表元素，列表元素和封装必须一起使用，列表是一组项目，元素确定每一个项目，封装是他们的组合，封装没有别的属性，可以在列表中嵌套列表；

20. 列表还有一种类型：自定义列表。<dl></dl>是封装，<dt></dt>是项限，<dd></dd>是描述；套娃
21. > 符号的缩写是&gt，<是&lt，&amp;代替&本身，版权标记及所有标记可以在http://www.w3school.com/tays/ref-entities.a2p，也可以在更详细的清单网站查看：http://www.unicode.org/charts/；使用实体显示特殊字符；

22. 品尝一些元素：<a>链接, <em>斜体 强调, <address>地址，<strong>着重强调，<pre>显示输入文本前格式化文本，<q>引用，<blockquote>长文字引用，<p>段落，<ul>无序列表的封装 比如计划表，<ol>有序列表，<br>换行空元素，<hr>制作水平线，<code>显示程序代码，<li>列表元素；

23. HTML的一半乐趣在于实践！

24. 在输入内容之前先计划好网页的结构，画草图，再画略图，最后写HTMl；

用大的块元素来创建网页，用内联元素修饰，通常使用最最匹配内容含义的元素，需要列表时绝对不使用段落表示；

25. <p>、<blockquote>、<ol>、<ul>和<li>都是块元素，可以独立显示，文本前后有空行，<q>、<rm>、<a>、<img>是内联元素，这些元素的内容和其他内容一起跟随在文字流中，当你需要换行时使用<br/>（封闭自身，既是开始又是结束标签的空元素），空元素不含有内容，一个空元素仅由一个标记组成；

26. 可以使用start属性指定列表顺序，value改变每项的值；这个不会！

1115 HTML CSS的更多相关文章

  1. Matplotlib数据可视化（3）：文本与轴

      在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...

  2. js进阶 11-15 jquery过滤方法有哪些

    js进阶 11-15  jquery过滤方法有哪些 一.总结 一句话总结:jquery方法中的参数一般是什么:选择器.元素或 jQuery 对象. 1.jquery方法中的参数一般是什么? 选择器.元 ...

  3. 【自编教材】16万8千字的HTML+CSS基础 适合从0到1-可收藏

    [图片链接有点小问题,这几天更新,敬请期待!] 目 录 第一章HTML基础 1.1 HTML简介和发展史 1.1.1 什么是HTML 1.1.2 HTML的发展历程 1.1.3 web标准 1.2 开 ...

  4. CSS的未来

    仅供参考 前言 完成<CSS核心技术与实战>这本书,已有一个多月了,而这篇文章原本是打算写在那本书里面的,但本章讲解的内容,毕竟属于CSS未来的范畴,而这一切都还不能够确定下来,所以这一章 ...

  5. 前端极易被误导的css选择器权重计算及css内联样式的妙用技巧

    记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前 ...

  6. 前端css兼容性与易混淆的点

    一.常用的骨灰级清除浮动 .clearfix:after { content: "."; display: block; height:; clear: both; visibil ...

  7. 理解CSS外边距margin

    前面的话   margin是盒模型几个属性中一个非常特殊的属性.简单举几个例子:只有margin不显示当前元素背景,只有margin可以设置为负值,margin和宽高支持auto,以及margin具有 ...

  8. 理解CSS视觉格式化

    前面的话   CSS视觉格式化这个词可能比较陌生,但说起盒模型可能就恍然大悟了.实际上,盒模型只是CSS视觉格式化的一部分.视觉格式化分为块级和行内两种处理方式.理解视觉格式化,可以确定得到的效果是应 ...

  9. 谈谈一些有趣的CSS题目（十二）-- 你该知道的字体 font-family

    开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题 ...

随机推荐

  1. yii2源码学习笔记(十二）

    继续了解controller基类. /** * Runs a request specified in terms of a route.在路径中指定的请求. * The route can be e ...

  2. php操作memcache的用法、详解和方法介绍

    1.简介 memcache模块是一个高效的守护进程,提供用于内存缓存的过程式程序和面向对象的方便的接口,特别是对于设计动态web程序时减少对数据库的访问. memcache也提供用于通信对话(sess ...

  3. 《C和指针》章节后编程练习解答参考——6.3

    <C和指针>——6.3 题目: 编写一个函数,把参数字符串中的字符反向排列. 函数原型: void reverse_string(char *string); 要求: 使用指针而不是数组下 ...

  4. http://www.w3cplus.com/animation/create-animated-text-fills.html

    关于svg的资料: http://www.w3cplus.com/animation/create-animated-text-fills.html asp.net中jquery的ajax调用cs文件 ...

  5. 蓝牙音箱bose soundlink mini2链接mac后itunes自动启动的问题解决

    1.在应用程序列表中复制一个应用重命名为DoNothingApp.app(非系统应用才可以成功复制) 2.打开terminal执行该命令(执行后需要输入密码),注意mv和iTunes.app后分别有一 ...

  6. Kaggle Competition Past Solutions

    Kaggle Competition Past Solutions We learn more from code, and from great code. Not necessarily alwa ...

  7. win7 安装SQL Server 2005 开发版 图文教程

    转自win7 安装SQL Server 2005 开发版 图文教程 ----------------------------写在安装前------------------------------ 一. ...

  8. NODE.JS玩玩

    按一个网页的来,最好最后能到EXPRESS.JS. http://www.nodebeginner.org/index-zh-cn.html 这样就能对比DJANGO,看看两者的WEB框架,加深认识. ...

  9. PYTHON小CASE

    import os import time source = ['C:\\py\\', 'C:\\work\\'] target_dir = 'C:\\backup' today = target_d ...

  10. 使用reuseport和recvmmsg优化UDP服务器

    http://skoo.me/system/2014/03/18/udp-server-performance/ http://www.helplib.net/s/linux.die/65_3223/ ...