html基础
1.html是什么
超文本标记语言:通过标签的形式来描述事物
2.html的作用
用来制作静态页面
3.html的结构标签
*<html></html>根标签
*<head> 头标签
*<body>体标签
4.html的字体标签
*<font>标签是html的字体标签
使用:<font>文字</font>
*<font>标签的属性
color:颜色
英文单词设置:black,red,green
使用16进制数设置:#FFFFFF,#FFF(三原色)
size:字体的大小
face:字体的选择:黑体,宋体,楷体
5.html的排版标签
*标题标签:<h1>'到'<h6>
*段落标签:<p>
*字体加粗标签:<b>
*字体斜体标签:<i>
*字体下划线标签:<u>
*居中标签<center>
6.html的图片标签
*图片标签<img>属性
src:图片的来源
width:图片的高度
height:图片的高度
alt:图片找不到时显示的内容
*图片的路径问题
如果引入的图片和html文件在同一级路径,直接写文件名或者./文件名
<img src="文件名"/>
<img src="./文件名"/>
如果引入的图片在html文件的上一级路径
<img src="../文件名"/>
如果引入的图片在html文件的下一级路径
<img src="img/文件名"/>(这里值图片路径在img包下)
7.html的列表标签
列表标签分为有序和无序,li标签代表里面的选项
*有序标签
<ol>
<li></li>
</ol>
*无序标签
<ul>
<li></li>
</ul>
8.html的表格标签
<table>
<tr>
<td></td>
</tr>
</table>
属性:
width:表格的宽度
height:表格的高度
border:边框
align:表格的水平位置
left:靠左
center:居中
right:靠右
<td>的属性:
colspan="列数"
rowspan="行数"
合并的注意事项:
确定合并的单元格,确定是跨行还是跨列
在第一个出现的单元格上书写 合并单元格属性
合并几个单元格属性就写几
被合并的单元格必须删掉
9.html的表单标签
表单标签<form>
*属性
action:提交的路径,默认提交到当前页面
method:请求的方式,get和post默认是get
get和post的区别
get:数据会显示到地址栏中,相对不安全,不适合提交敏感数据
post:数据不会显示到地址栏中,相对安全
*表单元素
<input type="text">:文本框
name:表单元素的名称,必须有name属性,然后后台才可以接收到数据
value:文本框的默认值
size:文本框的长度
maxlength:文本框输入的最大的长度
readonly:只读文本框
<input type="password">:密码框
name:表单元素的名称,必须有那么属性,然后后台才可以接收数据
value:密码框的默认值
size:密码框的长度
maxlength:密码框输入的最大长度
<input type="radio">:单选按钮
name:表单元素的名称,必须有那么属性,然后后台才可以接收数据
value:单选按钮的默认值
checked:单选按钮默认被选中
<input type="checkbox">:复选框
name:表单元素的名称,必须有那么属性,然后后台才可以接收数据
value:单选按钮的默认值
checked:单选按钮默认被选中
<input type="button">:普通按钮,没有任何功能 的按钮
<input type="submit">:提交按钮,向action中的地址提交表单数据
<input type="reset">:重置按钮,重置表单中的数据
<input type="file">:文件上传的表单项
<input type="hidden">:隐藏字段
<input type="image">:图片按钮
<select>:下拉列表
<option>:下拉列表中的选项
<textarea>:文本域
10.html的超链接标签
*超链接标签<a>
href:连接的路径
target:打开的方式
_self:在自身页面打开
-blank:新打开一个页面
_parent:在框架中使用
11.今天就看了个基础,所以敲了个非常弱智的小案例
效果图:
代码:
案例非常非常基础弱智,就是记一下自己慢慢的成长过程,
写得不好的地方多包涵,大神请笑笑就好
浙公网安备 33010602011771号