我的 HTML+CSS 学缥缈孤鸿一、 HTML 1. 名词解释: WWW : Word Wide Web ,万维网 W3C : World Wide Web Consortium ,万维网联盟/W3C 理事会。 HTML : Hyper Text Markup Language , 超文本标记语言。 CSS : Cascading Style Sheet ,级联样式表。 XHTML : eXtensible HyperText Markup Language ,可扩展超文本标记语言。 2. 参考网页的源代码。右击,查看源文件。 不是编程语言,而是一种描述性的标记语言。标记:就是用来描述网页内容的一些特定符号。 标记的语法:标记分为两种,单标记、双标记< 标记符> 没有结束的标记—单标记< 开始标记符></ 结束标记符>—双标记 5. 需要注意的: 在 xhtml 中规定,所有 html 标记,都要小写所有的标记,都是要有关闭符号的。如下: html-------xhtml <br>------<br /> < 标记名称属性=" 属性值"> ……</ 标记名称> 所有 html 都有一个基本结构。网页的 head 信息, 标识网页文件的头部信息, 如标题、搜索引擎关键字等。 标记: meta 标记用于定义文件信息, 是对网页文件进行说明, 便于搜索引擎查找。放置于<head></head> 之间。用 meta 设置关键字: <meta name = "keywords" content =" 关键字"> 多个关键字用“,”分隔。设置描述: <meta name = "description" content =" 对关键字的扩展说明"> 设置作者: <meta name = "author" content =" 作者名"> 设置字符集: <meta http-equiv = "content-type" content = "text/html;charset = gb2312"> 编码格式: GB2312 编码占用 2 个字节, UTF-8 占用 3 个字节,如果网页文字较多,选择 GB2312 编码。设置页面定时跳转: <meta http-equiv = "refresh" content = "2;URL = "/> 里面的 2 ,代表 2秒上面的几个地方需要特别注意: -equi v 之间不能加空格, 否则没用, 也就是不能写成“ http - equiv ”! -type 也是一个整体,不能以空格分隔。 7.<body> 标记的详解: 【1】<body> 是网页的主体标记。【2 】注释的写法: <!-- 这里面填写注释内容--> 。【3】<body> 的属性: <body bgcolor =" 背景颜色" backgroud =" 背景图片的路径" text =" 文本颜色" link =" 链接文本颜色" vlink =" 访问过的链接颜色" alink =" 激活的链接颜色" leftmargin =" 左边界" rightmargin =" 右边界" topmargin =" 上边界" bottommargint =" 下边界"> 。上面的边界的单位都是像素。【4】 html 元素、 html 标签、 html 标记都是一样的。【5】有些 html 元素, 有默认的值, 比如 margin , 它不是直接靠在页面的边缘或顶端的, 而是空了一点距离, 如果想取消这个可以把 leftmargin 或者 topmargin 都设置为 0。 8. 标记语义的应用: 【1】 font 标记没有语义上的作用。【2 】普通加粗标记: <b> 文字内容</b> 普通倾斜标记: <i> 文字内容</i> ,二者都没有在语义上突出是重点的意思。【3】语义加强加粗标记: <strong> 文本内容</strong> 语义加强的倾斜标记: <em> 文本内容</em> ,二者都告诉了浏览器,加粗或倾斜的是重点。【4】各个标记之间的权限不同, 当控制比较重要的内容时, 可以用<strong> ,标题部分,一般都用<h1> 标记。【5 】下划线<u> 文本</u> ;删除线<s> 文本</s> ;上标<sup> 文本<sup> ;下标<sub> 文本<sub> , <br /> 换行标记。【6 】段落(paragraph) 标记<p></p> : 格式: <p align =" 对齐方式(left 、 center 、 right)"> ……</p> 【7 】用适合的 html 标记,去描述网页内容,这才是网页优化的核心。 9
我的HTML+CSS学习笔记 来自淘豆网m.daumloan.com转载请标明出处.
