html入门基础知识大汇总

1、html操作思想

使用标签把要操作的数据包起来,通过修改标签的属性值,来实现标签内数据样式的变化

2、font标签 属性:size 取值范围 1-7 color:英文单词,十六进制数 #ffffff
3、标题标签 <h1></h1>.....<h6></h6> : 从h1到h6越来越小,自动换行
4、注释 <!-- html的注释 -->
5、列表标签

<dl> <dt></dt> <dd></dd></dl>
有序 <ol><li></li></ol>
无序 <ul><li></li></ul>

6、图像标签(******)

<img src="图片的路径" width="" height="" alt=""/>
 alt:浏览器兼容性很差

7、路径(相对路径)(****)
在同一级目录 :直接写
在下一层目录: images/1.jpg
在上层目录: …/

8、超链接标签(*****)

<a href="路径">显示在页面上的内容</a>
-打开方式 target="_self  _ blank"
 默认是在当前页面打开

9、表格标签(*****)

<table>
	<tr>
		<td></td>
		<th></th>  //加粗和居中
	</tr>
</table>
技巧:先数有多少行,数每行里面有多少个单元格

10、表单标签(******)

* <form></form>: 
	- action: 提交到地址
	- method:提交方式 :常用的有两种 get和post
	- get和post区别
	- enctype属性(上传时候使用)
* 输入项
	* 输入项里面写name属性
	* 普通输入项 <input type="text"/>
	* 密码:<input type="password"/>
	* 单选框:<input type="radio"/>
		- name值相同
		- value值
	* 复选框: <input type="checkbox"/>
		- name值相同
		- value值
	* 下拉框
		<select name="">
			<option value=""></option>
		</select>
	* 文本域
		<textarea cols="" rows="" name=""></textarea>
	* 文件 <input type="file"/>
	* 提交按钮  <input type="submit"/>
	* 重置   <input type="reset"/>
	* 使用图片提交 <input type="image" src=""/>
	* 隐藏项 <input type="hidden"/>
	* 普通按钮 <input type="button"/>

11、div标签:自动换行 span标签:在一行显示

12、框架标签(会用即可)

发布了21 篇原创文章 · 获赞 1 · 访问量 649

猜你喜欢

转载自blog.csdn.net/weixin_43873121/article/details/105113895