《HeadFirstHTML与CSSXHTML》笔记.docVIP

1 开始了解HTML HTML（HyperText Markup Language，超文本标记语言），CSS（Cascading Style Sheet，级联样式表）。 HTML负责使用标记来使内容结构化，CSS负责样式。 html head title.../title style type=”text/css” body { ... } /style /head body ... /body /html HTML大致结构，其中style内的body表示此段CSS用于body.../body，style经常嵌在head元素中。 2 深入理解超文本 a href=”xxx”.../a，a标记内的内容为链接，href属性为目标相对路径或url。 属性要加双引号。 href读作“h-ref”，（hypertext reference，超文本引用）。 img元素也可以放进a中，链接的标签可以是文字或图像但不是所有元素都可以放进a中。 href长度最长为255个字。网站的文件和文件夹名不能出现空格。 3 构件模块 h1h2h3p。 q：引用，blockquote：成段引用，段落会产生缩进。引用不一定加引号，可能是斜体，下划线等形式进行区分，使用了q，就可以使用CSS来使其产生统一的效果。 q元素是内联（inline）元素，元素前后无换行符；blockquote元素是块（block）元素，元素前后有换行符。 br：换行，无内容和结束标记。属于空元素，img也属于空元素。 li.../li为列表项元素，一块列表项元素前后标记ol.../ol或ul.../ul形成列表，在网页中显示为列表。ol有编号，且自动编号，ul无编号，有圆点。 使用实体来显示特殊字符/html/html_entities.asp。如果网页显示的内容有HTML标记，则其中的用lt;表示，用gt;表示，如果需要显示，用amp;表示（记住有分号）。 4 开始链接 URL（Uniform Resource Locator，统一资源定位符）用于标识网络上的资源。 ，其中是域名，www表示此域中的www服务器，它们一起组成网站名，一个域名可以有许多网站，如 链接本网站的内容时使用相对链接是个不错的选择。 title属性可以做链接的提示。 链接到本页其他位置，使用id属性来标识，id属性不能有空格： a href=”index.html#xxxlocation of xxx/a h1 id=”xxx”xxx/h1 a href=”#top”Back to top/a 如果要打开新的窗口来显示网页，则用a target=”_blank” href=”xxx”xxx/a来表示。target告诉浏览器在哪里打开href属性指定的页面。 5 给你的网页添加图像 gif允许背景颜色为透明，jpeg不允许。 img scr=”xxx” alt=”xxx” width=”xxx” height=”xxx”,img元素为内联元素，前后不插入换行，scr属性指定位置，可以是相对位置，也可以是URL；alt属性指定提示信息，当图片不能显示时显示这段文字；width和height指定宽度高度，单位为像素。如果不指定，浏览器接收到图片后可能会对网页重新排版，因为浏览器事先不知道图像的大小。 img元素可以放在a标记中，使之有超链接。 6 标准，规范，还有那些夸夸其谈 使用过渡标准!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “/TR/html4/loose.dtd”，使用严格标准!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN” “/TR/html4/strict.dtd”放在HTML文件首行，告诉浏览器使用的标准为HTML 4.01。 W3C校验器。 meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1”放在head标记中首行，告诉浏览器内容的类型。 HTML 4.01严格标准中，内联元素只能嵌套在块元素中，img要嵌套在p等元素中。 html元素必不可少；只有head和body元素可以直接包含于html元素中；head中一定要有title元素，titlemetastyle元素只能放在head中；块元素不能嵌入内联元素中；块元素不能嵌入p中；li列表项可以是内联元素、块元素或文字；blockqoute只能直接嵌套一个块元素；内联元素可以嵌入内联元素中，但a不能自己嵌套自己。 7 转到XHTML x