HTML学习笔记

HTML基础
HTML(超文本链接语言)是一种特殊的文件,拓展名为.htm或者.html,默认使用浏览器打开。
网站的分类:1、静态网站
2、动态网站
3、纯动画网站
形象页面美观的因素:
1、元素大小
2、元素数量
3、元素散列
4、元素质感
5、元素节奏感
6、线条灵动性
属性的概念:在标签中有很多的属性,每一个属性都是由属性名称=“属性值”构成的,用等号分割,属性值要求使用英语双引号括起来。
HTML构成:一个HTML文档整体上有head和bady两部分组成,head中的内容主要是起控制 、导入、支持搜索引擎搜索、承载脚本等功能,主要不用来显示(title除外),body则主要是用来显示数据的,几乎你能看到的内容都是由body来提供的。
body中的标签:<1>img(图片标签):1、alt:当src指定的地址不正确时,会给浏览者显示alt的 属性值,我们称之为“替换文本”2、align:对齐; 3、height:高度;
4、width:宽度
<h系列标签>:标题标签,h1~h6依次变小,h是一个容器型标签,内部可以加有文字和图片等子标签。
<p标签>:段落标签(在css中不能与h标签套用)属性:1、align决定了、其对齐方式 2、段与段之间有空隙 3、每段都独占一个区域 4、不同于作文,前面并没有空两个字 5、窗口调小文字自动换行
<br>:自动换行
<hr>:横线标签,没有数据之分,默认一行
<特殊字符>:常用字符:&lt;--小于号 &gt;--大于号 &nbsp;--空格 &amp;--&符号 &quot--双引号
<a标签>:超链接,里面可以加入文本,文档,图片,链接等。
<id和title>(每个标签都具有)id:标签的身份证号,在一个页面中,应保证不存在相同的id。 title:用于设置此标签的提示内容。
表单和表格
关于表单:网页中只有信息显示是不够的,能够和用户交互才能真正的吸引浏览者。网页就是通过表单收集用户信息,并可将收集到的信息运送到服务器端进行处理。
form和表单元素:form应该被置于body标签里面,而form内部可以放其他负责呈现的标签和表单元素。表单在功能上就像一艘船将数据拉到服务器端,其内部可以有很多表单元素。一般常用的有:1、(input type=)text:文本框 password:密码框 radio:单选框 checkbox:复选框 + button:普通按钮 subimt:提交按钮 reset:重置按钮 hidden:隐藏 2、select:下拉框 3、textarea:文本区域
table布局:tr代表行 td代表一个单元格,td的内部可以数字,也可以是其他的html标签。
单元格的合并: colspan:向后合并单元格;rowspan:向下合并单元格。
序列标签: 无序列表(ul):1、每增加一列内容,就必须添加一对<li></li>,当中可以为其他的html标签。2、我们可以通过加入type=“形状名称”改变其符号形状,常用的有三种选择:DISC(实心圆)、SQUARE(小正方形)、CIRCLE(空心圆)。3、li中可以嵌套另一个ul
有序列表(ol):用法和无序列表基本相同,type的取值是:数字(默认);大小写英文字母;大小写罗马字母。
div和span:1、div会单独占一个横向区域,不管网页宽窄,他都会直挺挺地独占一个横向区域,不会向下拐弯。我们将这种特性称之为:“块模式(block)”
2、span回向后填充,如果网页不够宽,则多出的部分会自动换行,我们称这种特性为:流模式(inline)
span:对某一行进行修改,span不会换行,可以进行简单的修改