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、列表
标题是文本中常用的内容,为了方便操作而定义的
其实就是某个字号和粗体的组合
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的详细内容...