[javaweb-html.docVIP

本文主要是进行HTML简单介绍(详细的属性查帮助文档就行了,这里主要为快速入门,赶时间,在最短的时间中看明白一个html文件的代码(如果能称之为代码的话)详细的样式表,布局啥的有时间再研究吧) HTML 1、html的简介 1.1,html的全称:HyperText Mark-up Language ，超文本标记型语言，是网页的语言。 超文本:比文本更加强大(后面还会讲到XML,可扩展标记性语言) 标记：就是标签,html所有操作都是通过标签直接或间接的操作(把需要操作的数据通过标签封装起来) html就是用来写网页的语言 测试: p这里是测试/p 保存为.html文件,通过浏览器打开 1.2 html的规范(非必须,但是约定俗称) ①以html开始和/html结束, ②html程序包含两部分内容：head和body(理论上有foot但是意义不明) html head设置页面信息(一般是通知服务器的)/head body显示到页面上的内容/body /html ③:一个标签必须要有开始也有结束:开始:p结束:/p ④html的代码不区分大小写的(弱势语言) ⑤：有些标签没有结束标签，需要在标签内结束 br/(换行) 但是,没有/br结束标签 （3）html的操作思想 注意事项:在网页中可能有很多的数据，不同的数据可能需要不同的显示效果，这个时候需要使用标签把要操作的数据封装起来(高司令笑了)程序员通过修改标签的属性值来实现标签内数据样式的变化(有第三方软件的样式功能更强大,比如:DreamweaverPortable)。标签相当于一个容器，通过修改容器的属性值，实现容器内数据样式的变化。 !--下面的内容来自某论坛课堂笔记-- !--写样式最好还是用css,简单明了,也方便后期维护-- 2、字体标签 2.1文字标签 font font color=设置文字颜色 size=文字的大小要操作的文字的内容/font 常用两个属性 color：设置文字的颜色 有三种表示方式 第一种：直接使用英文单词进行表示 red green yellow...... 第二种：使用十六进制数字进行表示 #ffffff， 通过RGB,调色器获取 第三种：使用RGB颜色值配置 rgb(255,0,0) size：设置文字的大小 文字大小值范围：1-7，如果值超过了7，使用还是7的效果 （2）标题标签 * h1/h1 h2/h2.......h6/h6 ** 标题标签可以自动换行，从h1到h6字体的大小依次变小的 （3）水平线标签 * hr/ * 属性 ** color：表示设置水平线颜色 ** size：设置水平线的粗细，范围1-7 （4）注释标签 * 在java里面有几类注释？三类注释 ** 单行注释，多行注释，文档注释 * 在html中注释 !-- 注释的内容 -- ** 使内容不在html页面中进行显示 （5）特殊字符 nbsp; * 实现空格的操作 3、列表标签 （1）想要实现： A公司 人事部 市场部 采购部 * 首先需要使用 dl/dl: 定义列表的范围 * 之后在dl标签里面，dt/dt: 定义上层内容 * 在dl标签里面， dd/dd: 定义下层内容 ** 代码 dl dtA公司/dt ddj采购部/dd dd人事部/dd dd市场部/dd /dl （2）有序列表标签 1.人事部 2.市场部 3.采购部 a.人事部 b.市场部 c.采购部 罗马数字 i.采购部 ii.人事部 iii.市场部 * 使用 ol/ol: 定义有序列表的范围 ** ol标签上面有属性 type：排序的方式 ** type属性里面的值 1 a i * 之后在ol标签里面：li/li: 封装具体的内容 ** 代码 ol li采购部/li li人事部/li li市场部/li /ol （3）无序列表标签 （特殊符号）采购部 （特殊符号）人事部 （特殊符号）市场部 * 首先使用标签 ul/ul: 定义无序列表的范围 ** ul标签上面有属性 type：设置特殊符号 ** type属性里面的值 disc circle square * 之后在ul标签里面： li/li: 封装具体的内容 ** 代码 ul