html语言
html简介:超文本标记语言,网页语言。
** 超文本: 超出文本的范畴,用html可以轻松的实现
** 标记:html所有的操作都是通过标签实现的,标记就是标签,<标签名称>
** 网页语言:
- html后缀是 .html,.htm
**直接通过浏览器可以实现//<font>表示标签。
html规范(遵循)
1.一个html文件开始标签和结束标签 <html>......</html>//表示结束。
2.html包含两部分内容
<head>设置相关信息</head>
<body>显示在页面里面的都在body里显示</body>
3.html的标签有开始标签,也有结束标签<head></head>
3.html的标签有开始标签
4.html的代码不区分大小写的
5.有些标签没有结束标签
比如 换行 <br/>
,<hr>
- html的操作思想(*********)//重点理解
网页中有很多的数据,不同的数据可能需要不同的显示效果,这个时候就需要使用标签把操作的数据包起来(封装起来),通过修改标签的属性值实现标签内数据数据样式的变化。
一个标签相当于一个容器,想要修改容器内数据的样式只需要改变容器的属性值,就可以实现容器内数据样式的变化 - html中常用的标签
2、文字标签和注释标签
*文字标签: 修改文字的样式<font></font>
属性size 文字大小 取值大小1-7 如果超了还是7
color: 文字颜色
表示方式:英文单词:red green....
*用16进制数表示 #fffffff:rgb
-通过工具实现不同颜色。 #66cc66
*注释标签!-- html的注释 --
3、 标题标签、水平线标签
*标题标签
<h1></h1>
,<h2></h2>
-h1到h6,大小是依次变小,同时会自动换行
*水平线标签
<hr/>
属性
**size:水平线的粗细 取值范围1-7
**color:颜色
4、 列表标签
**<d1><d1/>
:表示列表的范围
** 在d1里面<dt></dt>表示上层内容
**在d1里面<dd></dd>表示下层内容
<hr/>
表示水平线
<ol></ol>
有序列表的范围
**在ol标签里面<li>具体内容</li>
5、图像标签
<img src="图像的路径 " width=""heigth=""alt=""/>
6、路径(相对路径)(****)
**在同一级目录:直接写
**在下一层目录:images/1.jpg
**在上一层目录: ../
7、超链接标签(******)
a href="路径">显示在页面上的内容</a>
8、表格标签(****)
() <table> <tr> <td> </tr> </table>(
)
//技巧:先数有多少行,数每行里面有多少个单元格
9、表单标签(重要)
*<form></form>:
action:提交到地址
method:提交方式:常用的有两种 get和post
*输入项
输入项里面写name属性
普通输入项<input type="text"/>
密码:password
单选框:radio
复选框:checkbox
文本域:<textarea cols=""name=""></textarea>
*文件 file *提交按钮 submit *重置 reset *隐藏项 hidden *普通按钮button
*div和span