好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

体育生学编程--html学习_html/css_WEB-ITnose

HTML学习

1、HTML介绍(了解即可)

HTML (Hyper Text Markup Language):
HTML就是超文本标记语言的简写,是最基础的网页语言

HTML的版本:
2.0(IETF)、3.0(W3C)、4.01(W3C)、5.0(W3C)
IETF: Internet Engineering Task Force
W3C:World Wide Web Consortium

HTML的特点:
是通过标签来定义的语言,代码都是由标签所组成,代码不用区分大小写
由 开始, 结束
由头部分 和体部分 两部分组成
头部分是给HTML页面增加一些辅助或者属性信息,它里面的内容会最先加载
体部分是真正存放页面数据的地方


HTML的标签:
多数标签都是有 开始标签 和 结束标签 。例如:

段落段落


其中有个别标签因为只有单一功能,或者没有要修饰的内容可以在 标签内结束 。例如:换行
分割线 也可以写作
斜线可以不写

HTML标签中的属性:
想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性
通过对属性值的改变,增加了更多的效果选择
属性名与属性值之间用“=”连接
属性值可以用双引号、单引号、不用引号,一般都会用双引号(或公司规定书写规范)

2、头标签


页面的标题


页面超链接的基本属性
href:页面所有超链接默认从这个路径开始
target:页面所有超链接默认的target



页面描述信息
蜘蛛爬取时看,搜素引擎SEO有关
告知浏览器此页面内容、类型、编码
三秒后刷新到某个页面

3、字体

字体标签 :
字体标签示例
简单颜色可是直接写对应的英文
复杂颜色用16进制表示,表现形式#FF0000两个数为一组,按红,绿,蓝排列
如:#FF0000表示红色、#00FF00表示绿色


标题标签

... :
标题是文本中常用的内容,为了方便操作而定义的
其实就是某个字号和粗体的组合

4、列表

无标签:
列表、 标题、 列表项

数字标签:
列表、 列表项
type属性更改项目符号(a A 1 i I)

符号标签:
列表、 列表项
type属性更改项目符号(circle空心圆、disc实心圆、square正方形)

 		 			 公司部门 				 软件研发部 				 财务部 				 行政部 		 					 			 软件研发部 			 财务部 			 行政部 		 				 			 软件研发部 			 财务部 			 行政部 		   
效果图


5、超链接

链接标签:

  	    猫猫学编程   
href:要链接的地址
target:显示位置
  	   
在页面的某个位置做出标记
  	 跳转到标记  
点击链接跳转到标记位置

6、图像

图像标签 :

  	     
src: 图片路径
align: 对齐方式
border: 边框粗细

图像地图 :
在 标签中使用usemap属性,指定图像可以用作地图
使用 及标签可以把图像的一部分作为超链接

  	           		           

7、框架

框架集合标签 :
中可以放入多个 框架,把页面分成几个部分
不能放在body中

                    	 	             
rows:框架集合每行的高度
cols:框架集合每列的宽度
src:框架中显示的页面
name:框架的名字,可用做超链接的target


内联框架 可以在页面中嵌入另一个页面
src:要嵌入的页面
innerHTML:如果浏览器无法显示iframe,则会显示该文本

8、表格

表格标签 :
标题
表格中的一行
放在 中代表一个单元格
类似 通常用在第一行或最后一行

             表格标题                           姓名                  年龄                                    张三                  23             

多行多列 :
colspan属性:控制一个单元格占多列
rowspan属性:控制一个单元格占多行

、 、 :
三个标签都是放在table下,内部可以放tr标签
表头,通常用在第一行
表体,表格中间的内容,可以有多个
表脚,通常用在最后一行


9、表单

输入项 :
通过指定type属性可以定义不同的输入项:
text:普通文本框
password:密码框
radio:单选按钮
checkbox:多选按钮
file:文件
hidden:隐藏字段
submit:文本提交按钮
image: 图片提交按钮
reset:重置按钮
button:普通按钮

下拉列表
默认为单选,multipe属性指定是否为多选
size属性指定显示个数
内部用 标签指定其中选项

文本域
rows属性指定行数
cols属性指定列数
标签
可以用来方便点击或者设置快捷键

用户名(u)

 	  



10、注释 特殊字符

特殊字符:
一些特殊符号,比如 & 等,在代码中会被浏览器识别并解释
所以用一些特殊的方式来表示


注释用

查看更多关于体育生学编程--html学习_html/css_WEB-ITnose的详细内容...

  阅读:31次