HTML就是由无数标签和元素组成,属性用来修饰标签或元素。
–html开始标签
– 文件头(用户在浏览器的主体是看不到的)
</head>
<body> --文件体(用户在浏览器的主体看得到)
</body>
</html> --html结束标签
常见标签:
文本标签(body里面的标签)
标题(h1~h6) align:设置位置
水平线(hr) color:线的颜色
换行(br)
标签规定粗体文本(b)
将文本以斜体显示(i)
将文本以下划线显示(u)
段落(p)(书写两段小说进行演示)
段落缩进(blockquote)(主要用于解释或者强调)
上下标(sup和sub)(一般用于公式)y=x2 H2O CaCo3
原样输出(pre)(希望网页上的东西和代码里面写的样式完全一样的时候(写一首诗,写一段代码))
marquee:
behavior属性值(alternata:来回滚动 scroll:重复滚动 slide:不重复滚动
bgcolor:字幕背景颜色
direction:设置字幕的滚动方向down right left up
bgsound:
src:需要播放的音乐路径
loop=-1(无限循环)
autostart="true"自动播放
列表标签:
有序列表ol li(type属性更改序号类型,案例:投票喜欢的女明星)
无序列表ul li(用于条目的罗列,type属性更改序号类型,案例:学生管理系统)
项目列表标签(dl dt dd)(一般用于有层次结构的列表,一个公司员工的列表)
下拉选项:<select/><option/>
行内标签(span) (html中用的非常少,css中用的非常多)
块标签<div> (html中用的非常少,css中用的非常多)
超链接标签:
常用的属性:
href 表示链接到的地址(文件)
target 打开资源方式 _self: 当前窗口打开, _blank: 新窗口打开
协议执行资源的基本流程(超链接的原理):
使用协议到本地计算机的注册表中查询是否有对应协议的软件(程序),有就执行,没有就不执行。
超链接作用;
1)链接到资源
2)作为锚点使用
打锚点: <a name="锚点名称"></a>
去到锚点: <a href="#锚点名称">内容</a>
图像标签:
<img></img>
常用属性:
src : 表示图片源位置
width: 图片宽度
height: 图片高度
alt: 替代文本。当图片的src属性失效时,alt属性的内容就会生效
title: 提示文本。当鼠标放到图片上面出现。
地图(热点区域):map
热点: area,设置图片上可以被点击的区域(用工具做之后进行简单分析)
转义字符:(通常以&开头)
< < letter than
> > greater than
& &
需求:在浏览器中输入 华育 国际
空格
王老吉加上商标和版权:
版权 ©
商标 ®
表格标签:
标签:
table 表格
tr 行
td 单元格
th 表头
caption 标题
常用的属性:
border 表格的边框
width 宽度
heigth 高度
align 对齐方式。 left: 左对齐 center:居中 right:右对齐
rowspan 行合并。把多行的单元格合并
colspan 列合并。把多列的单元格合并
表单标签:
<form> 就是一个表单
<input type="text"> 单行输入域
<input type="password"/> 密码输入域
<input type="radio"/> 单选按钮
<input type="checkbox"/> 多选按钮
<select/> 下拉选项
<input type="hidden"/> 隐藏域。特点:不会显示到html页面上,但可以携带数据。
<input type="file"/> 文件选择器
<textarea></textarea> 多行输入域
<input type="submit"/> 提交按钮
<input type="button"/> 普通按钮
<input type="reset"/> 重置按钮