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. php MVC 及例子解释

    根据http://www.21ds.net/article/4/453改写: MVC模式在网站架构中十分常见.它允许我们建立一个三层结构的应用程式,从代码中分离出有用的层,帮助设计师和开发者协同工作以 ...

  2. hbuider 中点击就显示出一个单选的列表 ，然后后台跨域向里面动态添加数据，注意里面的格式是json object

    jsp页面: <li class="mui-table-view-cell" onclick="showActionSheet()"> <di ...

  3. shell中case的用法学习笔记

    这篇文章主要为大家介绍shell中的case语句:可以把变量的内容与多个模板进行匹配,再根据成功匹配的模板去决定应该执行哪部分代码. 本文转自:http://www.jbxue.com/article ...

  4. mysql开启日志记录慢查询

    1.查看mysql配置 2.利用set (variables)命令设置变量 set global log_slow_queries = ON;/*(必须带上global)*/ set global s ...

  5. Quartz1.8.5例子(十)

    /* * Copyright 2005 - 2009 Terracotta, Inc. * * Licensed under the Apache License, Version 2.0 (the ...

  6. C连接MySQL数据库开发之Linux环境完整示例演示（增、删、改、查）

    一.开发环境 ReadHat6.3 32位.mysql5.6.15.gcc4.4.6 二.编译 gcc -I/usr/include/mysql -L/usr/lib -lmysqlclient ma ...

  7. 基于opencv的小波变换

    基于opencv的小波变换 提供函数DWT()和IDWT(),前者完成任意层次的小波变换,后者完成任意层次的小波逆变换.输入图像要求必须是单通道浮点图像,对图像大小也有要求(1层变换:w,h必须是2的 ...

  8. hdu 4763 && 2013 ACM/ICPC 长春网络赛解题报告

    一个KMP的简单题 不过好久没用过这个东东了,今天写的时候花了很多时间: 只需要花点时间判断下所有的元素都相同的的情况就行了! #include<cstdio> #include<c ...

  9. phpStorm 使用技巧大集合

    之前整理了一部分使用技巧了,但是在实际操作中发现phpstorm的技巧实在是太多了,所以大部分都统一整理到这篇文字中 ,备用 插件1 1:phpstrom的插件Provides live edit H ...

  10. POJ 2409 Let it Bead（Polya定理）

    点我看题目 题意 :给你c种颜色的n个珠子,问你可以组成多少种形式. 思路 :polya定理的应用,与1286差不多一样,代码一改就可以交....POJ 1286题解 #include <std ...