1.简介
html是超文本标记语言。也是网页语言。
*超文本:超出文本范畴,例如修改颜色等
*标记:html所有的操作都是通过标记实现。//标签 <标签>
*网页语言:
创建html文件 .htm .html
直接通过浏览器运行。
*第一个html文件
<font size="5" color="red">这是我的第一个html程序</font>
*html规范:
1.一个html文件需要有开始标签和结束标签。<html></html>
2.html包含两部分内容
<head>设置相关信息</head>
<body>显示在页面上的内容</body>
3.要有开始标签,也有结束标签。标签需要成对出现。
4.html代码不区分大小写。java区分。
5.一些标签没有结束标签,在标签内结束。
//例如换行 <br/><hr/>
//XHTML中必须要使用<br/>,HTML中可以使用<br>
//使用 <br> 来输入空行,而不是分割段落。
*html操作思想
网页中有很多数据,不同数据可能需要不同显示效果。需要使用标签包住数据,通过修改标签属性值实现样式变化。
6.常用标签:
*文字标签与注释标签:
<font></font>
//size 1-7,超出7会维持7。
//color 直接使用英文单词或十六进制数表示#ffffff,RGB表示。
<!-- html注释 -->
*标题,水平线,特殊字符
<h1></h1> <h2></h2>...<h6></h6> 标题,大小从1到6变小,自动换行
<hr/> 水平线。
//size 同font
//color 同font
特殊字符需要进行转义。
//< < >> 空格 & &
*列表标签
<dl></dl> 表示列表范围。
<dt></dt> 上层内容。//需要在dl中
<dd></dd> 下层内容。//需要在dl中
<ol></ol> 有序列表范围 // type 1,a,i。1为默认
<li></li> 具体内容。
<ul></ul> 无序列表范围 //type默认实心圆disc,空心圆circle,实心方块square。
***图像标签
<img src="图片路径"> //src,width,height,alt。alt为鼠标停留标签
*路径
绝对路径 //
相对路径 //相对与html文件所在的位置 上层目录为../ 下层为\
***超链接
<a href="链接到资源的路径">显示在页面上内容</a> //href 链接资源地址 target 设置打开方式,默认当前页 _blank 新标签页,_self 当前页,没有链接资源的时候需要href="#",不然会打开所在路径
<a name="top">顶部</a> <a href="#top">回到顶部</a>
<pre>:原样输出//保持格式输出,不会自动去除空格和换行。
***表格标签
<table></table> 表格范围 //border 表格线 bordercolor 表格线颜色 cellspacing 单元格距离 weight 宽度 height 高度
table中<tr></tr> 表格行 //align 设置显示方式 left center right。
tr中<td></td> 行中的单元格 //同样有align,td中的会覆盖tr中的。