php学院-html2题库.docx

Html介绍Html(hyper text markup language )超文本标记语言Html 一种规范，一个标准（w3c） 超文本：在文本的基础上加载了更加丰富的信息（图片，视频，音乐等） 标记tag：标签:标志一个符号 表意：每一个标签都有一定含义 表形：每一个标签都有一定的表现 单词 标签 ，挨着是标签 语言 ：和程序语言一点关系都没有。可以直接被浏览器进行解析Html的格式： 双标签：开始标签和结束标签构成，内容放到开始标签和结束标签之间 语法：标签 属性=”属性值” 属性==”属性值”内容/标签 单标签: 单独出现，只有开始标签，在开始标签的后面有闭合（闭合用 /,表示结束） 语法: 标签 属性=”属性值” 属性==”属性值” / meta / link / br / hr /Html的结构html head title网站的标题/title /head body 主体内容 /body/html 说明：html含义：告诉浏览器网页的格式用什么来解析 head含义：告诉浏览器网页中的汉字用什么样的字符集，如果字符集使用不正确，就会出现乱码 gb2312(简体中文) gbk(国标码) utf-8（多国语言） body含义：大部分内容都放到body放到 body，才能在浏览器的窗口中显示 title含义：title中的内容便于网站的优化Html规则 Html是不区分大小写，推荐用小写Html在嵌套的时候一定要顺序嵌套，不能交叉Html中所有的符号用于英文状态下输入Html文本元素font/font设置文本 属性： color=”颜色值” size=”文字的大小” face=”字体” 例如 文本的颜色为蓝色 ，文本的大小5号，字体为楷体font color=”#00ff00” size=”5” face=”楷体” 放要设置的内容/fontb/b加粗strong/strong加粗i/i倾斜em/em倾斜 u/u下划线sup/sup 上标sub/sub下标big/big放大small/small缩小Html排版p/p 段落 属性： align 取值 left center righth1….h6 标题 例如h1标题一/h1H1 的属性 align 取值 left center rightpre预定义格式 保留原有的空白符号（空格和换行）,编译器的格式和浏览器浏览的格式一致 例如：pre 你好呀 哈哈哈 /prebr /换行hr /水平线 属性： 水平线的颜色 color=”颜色值” 水平线的粗细：size=”数值” 水平线的宽度 ：绝对 固定值width=”1200” 相对百分比width=”90%” 去掉水平线的阴影 noshade=”noshade”Div 和span div 划分，本身没有任何含义，结合css样式一起用,块标签 span 本身没有任何含义：结合css一起用，行内标签 块标签：输入完标签之后，在浏览器中看，内容自己独占一行 ullioldiv h1…h6ppre 行内标签:输入完标签之后，在浏览器窗口中，内容不是独占一行。bemspanui 列表有序 语法：ol type=”A/a/1/I/i”li内容lili内容lili内容li….. /ol无序 语法ul type=”square//circle//disc”li内容lili内容lili内容li….. /ul自定义 语法： dl dt标题/dt dd解释/dd /dl今天的教学目标图片标签(单标签 行内标签)图片：通常使用的图片格式 .jpg .png .gif语法 img 属性=”属性值” / 图片的属性 图片的路径 src=”图片的路径”图片的边框 border=”数值” 默认是黑色的边框图片的宽度 width=”宽度值” 宽度值：通常使用的是绝对数值 是px像素为单位图片的高度 height=”高度值” 高度值：通常使用的是绝对数值 是px像素为单位图片的说明：alt=”解释说明”图片和周围元素的垂直对齐方式align 取值 top// center//bottom (通常不用，了解)图片和文本水平之间的距离(了解) hspace=”数值”图片和文本垂直之间距离（了解）vspace=”数值”注意：是图片的宽度或高度想等比例缩放，只设置其中的一个 页面的内容 固定到某一个位置语法：table tr tdnbsp;/tdtdnbsp;/tdtd内容/td /t