什么是html
超文本标记语言。
超文本:比普通文本功能更加强大
标记语言:使用一组标签对内容进行描述的一门语言,他不是编程语言!
为什么要学习html?
html怎么使用?
语法和规范:
- 所有html文件后缀名都是以.html或者.htm结尾,建议使用.html结尾。
- 整个html文件分别由头部分《head></head>和体部分<body></body>组成
- html标签都是有开始标签和结束标签组成<br/>
- html标签忽略大小写的,建议大家使用小写
HTML相关标签学习
标题标签
- 标题标签使用<hn></hn>,n从1到6逐渐变小
- 注释:<!--撒断开连接>
- 添加水平线<hr /> size()、
段落标签
- <p></p>
字体标签
- <font></font>
- <font color="red" size="(1-7)" face="">学习html</font>
- 、、、颜色、、、大小、、、、字体、、
- 必须结合其属性才能具备一定的样式效果。
- 设置颜色(可以是英文也可以是十六进制)
- 设置字体:face(那些字体必须是你本机已经有的)
- 设置大小:size(1-7。超过七按七来显示)
加粗标签
- <b></b>
斜体
- <i></i>
网站图片信息显示页面
图片标签
<img src="s " width="150px" height="30px" alt=""/>
src:图片名路径名
- 绝对路径:带有盘符
- 相对路径
- 如果是同级,直接写文件名称或./文件名称
- 如果是上一级:../文件名称(如果是多层,那么多写几个../)
- 如果是下一级:写目录名称/文件名称
width:宽度
height:高度
alt:当图片无法正常显示给出提示信息。
../当前这个文件的上一级
../img/login.
png
表格标签<table ></table>
网站友情链接
列表标签
有序列表:<ol>
- 属性type有5个取值,start起始位置,reverse倒序
无序列表:<ul>
- 属性:type有3个取值(小圆圈、小方块)
超链接标签
- <a href="#" target="">点我</a>
- #代表页面不发生跳转
网站显示信息
表格标签
<table>
<tr>
<td></td>
</tr>
</table>
属性:
- 边框:border
- 宽度:width
- 高度:height
- 背景颜色:bgcolor
- 边框与边框的间隔:cellspacing
- 边框与内容的间隔:cellpadding
- 居中显示:align
网站后台管理系统
框架集结构标签
<frameset><!--将页面进行划分-->
</frameset>
属性
- cols:进行垂直切割划分,可以切割为任意的块
- rows:水平切割,(参数的值相加=100%,其中一块可以用*表示)
- 一旦划分区域之后,我们需要对具体的区域内容的填充,此时需要使用<frame></frame>标签
属性
- Src:指定该区域显示的文件(路径)
- name:它通常会结合超链接的target