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. sass中 混合宏 VS 继承 VS 占位符 各自的使用时机和特点

    初学者都常常纠结于这个问题“什么时候用混合宏,什么时候用继承,什么时候使用占位符?”其实他们各有各的优点与缺点,先来看看他们使用效果: a) Sass 中的混合宏使用 举例代码见 2-24 行 编译出 ...

  2. about hadoop-eclipse-plugin used by IDE

    Apache Hadoop Development Tools (HDT) is still in development phase. So, no official distribution of ...

  3. [python]类与类中的列表

    最近在用类中的列表时出现一件怪事 实例2中的列表,竟然有实例1中的数据. 查了半天发现是list的append方法的问题. 将全部的list.append(value) 换成 list = list ...

  4. arm-linux-gcc编译器定义寄存器变量

    uboot代码中有这么一句话“#define DECLARE_GLOBAL_DATA_PTR     register volatile gd_t *gd asm ("r8")”, ...

  5. 查找类class所在的jar包

    CTRL+SHIFT+R 意思是输入关键字搜索当前工程的 对象. CTRL+SHIFT+T 输入关键字搜索当前工程的类.

  6. LightOj_1408 Batting Practice

    题目链接 题意: 击球训练中, 你击中一个球的概率为p,连续击中k1个球, 或者连续击空k2个球, 则训练结束. 求结束训练所击球次数的期望. 思路: 设f[x]为连续击中x个球, 距离结束训练所需要 ...

  7. sqltext sqlarea

    sqltext 中sql 有完整的sql, sqlarea没有

  8. 《鸟哥的Linux私房菜》读书笔记五

    1. Ctrl+alt+FX(X=1~6)可以切换到6个不同的文字界面终端(Terminal) 再按Ctrl+alt+F7就可以回到X Window,按Ctrl+alt+Backspace这是结束所有 ...

  9. Android用户界面 UI组件--ImageView及其子类ImageButton,QuickContactBadge附带Draw9Patch工具说明

    1.ImageView 常用属性: android:src 设置可绘制对象作为 ImageView 显示的内容 android:cropToPadding 如果设置为true,图片裁剪到保留该Imag ...

  10. word在线编辑\生成图片(包含截图与合并)

    1.业务原因 word编辑后的文章复制到html编辑器(fck等)会发生排版错乱的情况,于是混沌了.需要有一个新的方法来终结,于是产生了word能不能在线编辑,后台保存,前台显示灯一系列问题. 2.首 ...