[互联网]网页设计制作基础.ppt

一、网页设计制作基础 超文本标记语言HTML 2. 属性 　　标记规定了信息是什么，但怎样控制这些信息的显示，就需要使用属性。格式为： align属性的值为left，表示文字靠左对齐。 　　例如：h1 align=left 欢迎！/h1 ——语法规则 标记名 属性名=属性值被标记的内容/标记名 一、网页设计制作基础 超文本标记语言HTML 2. 属性 一个标记可以有多个属性，无先后顺序。 例如： hr size=3 align=left width=200 ——语法规则 含义：粗细为3个像素，宽度为200像素，左对齐显示的水平线。 一、网页设计制作基础 超文本标记语言HTML ——几个重要标记 1. 文档头标记 head.../head 　　HTML文档头描述网页的基本信息，主要被浏览器所用，不会显示在网页里。　　 　　另外，有哪些信誉好的足球投注网站引擎会查找网页中的文档头信息，提取文档标题等作为关键词进行收录。 　　嵌套在head里常见的标记有： 　　title、link、style、meta 一、网页设计制作基础 超文本标记语言HTML ——几个重要标记 1. 文档头标记 head.../head title ：文档标题，显示在浏览器标题栏中 link ：链接资源文件，如样式表 style ：定义CSS样式 meta ：网页元数据，如：编码字符集 meta http-equiv=content-type content=text/html;charset=gb2312 一、网页设计制作基础 超文本标记语言HTML ——几个重要标记 2. 文档主体标记 body.../body 　　文档主体中包含了所有要在浏览器中显示的文字、表格、图片等内容元素，网页中大部分标记都嵌套在body.../body内。 　　body标记的属性可对网页的整体显示效果进行控制。 一、网页设计制作基础 超文本标记语言HTML ——几个重要标记 2. 文档主体标记 body.../body bgcolor：网页背景色 background：网页背景图片 text：文字颜色 link：超级链接的颜色 alink：当链接被点中时文字颜色 vlink：访问过的链接的文字颜色 leftmargin：网页的左边距，单位：像素 topmargin：网页上边距，单位：像素 属性 一、网页设计制作基础 超文本标记语言HTML ——几个重要标记 3. 字体标记 font.../font 用于设定文字的大小，颜色和字体格式。 face：字体格式，如：宋体，黑体 color：文字颜色，如：red，#FF0000 size：文字大小，1~7号 属性 例：红色黑体5号字 font face=黑体 color=red size=5 一、网页设计制作基础 超文本标记语言HTML ——几个重要标记 3. 字体标记 font.../font 在HTML里，颜色有两种表示方式： 用颜色名称表示，比如 blue 表示蓝色，有16种可以表示颜色的名称 (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow) 。 用 6 位 16 进制的数值表示 ，从左至右每两位依次代表红、绿、蓝三原色值，颜色值范围：#000000 — #FFFFFF例如：#FF0000 表示红色 red 一、网页设计制作基础 超文本标记语言HTML ——几个重要标记 4. 标题文字标记hn（n=1、2、3……6） 用于将文字设置为标题格式。标题共分六级，n值越大级别越小,显示的字号也就越小。 例： h11 这是第1级标题/h1 h21.1 这是第2级标题/h2 h31.1.1 这是第3级标题/h3 …… 一、网页设计制作基础 超文本标记语言HTML ——几个重要标记 4. 标题文字标记hn（n=1、2、3……6） 例： h1 align=center居中大标题/h1 属性 align：left，左对齐，默认值center，居中right，右对齐 一、网页设计制作基础 超文本标记语言HTML ——几个重要标记 5. 段落标记 p.../p 用于将页面内容划分为一个一个的段落，段落间自动产生一个空行。 属性 align：left，左对齐，默认值center，居中right，右对齐 一、网页设计制作基础 超文本标记语言HTML ——几个重要标记 5. 段落标记 p.../p p align=left p align=“center” p align=right 一、网页设计制作基础 超文本标记语言HTML ——几个重要标记 6. 换行标记