html笔记

原创已于 2022-03-30 17:51:25 修改 · 275 阅读
0 ·
CC 4.0 BY-SA版权
文章标签：
#html
于 2019-12-09 15:57:31 首次发布
前端专栏收录该内容
6 篇文章
订阅专栏
1.html结构：
<html>
	<head>
				
	</head>
	<body>
		html的内容
	</body>
</html>
2.段落标签
<p></p>
3.标题标签（从小到大）：
<h1-6> </h1-6>      <th> </th>   :标题加粗
4.水平线标签：
<hr/> 
5.换行标签：
<br/> 
6.有序列表:
<ol>
	<li>...</li>
</ol>
7.无序列表:
<ul>
	<li>...</li>
</ul>
8.定义描述标签:
<dl> 					
	<dt>标题</dt>		示例：	标题
	<dd>描述内容</dd>				内容
<dl>
9.图片标签：
<img src="图片路径" alt="提示的内容" title="提示的内容"/> 
10.样式标签：
<span style="属性:值 ; 属性：值  如：color:red;font-size:60px"></span>
11.超链接：
<a href="需要跳转的路径，可以是网页地址，也可以是本地html" target="打开的方式 如：		_blank:在新窗口打开">（点击的文字、图片）</a> 
12. 锚链接
<a name="标签名">这是顶部</a>
<a href="#标签名">跳转到顶部</a> :起始位置
13.区块：
<div>	：定义了文档的区域，块级 (block-level)
<span></span>	:用来组合文档中的行内元素， 内联元素(inline)
14.布局：
<div></div>
15.css内联样式- 在HTML元素中使用"style" 属性
16.<link> 标签定义了文档与外部资源之间的关系
16.文本格式化标签字体样式：
1.定义粗体文本：
<b>
2.定义着重文字：
<em>
3.定义斜体字
<i>
4.定义小号字
<small>
5.定义加重语气
<strong>
6.定义下标字
<sub>
7.定义上标字
<sup>
8.定义插入字
<ins>
9.定义删除字
<del>




表单样式:
<form>
<input >
</form>
<form></form>
功能：用于申明表单，定义采集数据的范围，也就是<form>和</form>里面包含		   的数据将被提交到服务器或者电子邮件里。
<input >:文本框

文本框是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或者简短的回答，如姓名、地址等。
<form Action=”提交的地址”  Method=”提交的方式 get/post” name=”表单的名称”>
<input 
		type="类型" 
			  类型的值：	
text   		:文本框
						password    :密码框
						radio		:单选框
						checkbox 	:复选框
						file		:文件框
						button		:普通按钮
						reset		:重置按钮（会清空已填写的所有数据）
						submit		:提交按钮（会跳转到action中填写的地址网页										 中）
						image		:图片按钮（效果和提交按钮一致）
						hidden		:隐藏域（在页面中不会有格式的显示）


		name="取个名字" 
		value="默认值"
		maxlength="字数"最多能填入的值的个数
		size="大小" 输入框的大小
		checked="checked"默认选中
		disabled="disabled" ：禁用
		readonly="readonly" :只读
		
>
<button>定义一个按钮</button> 
</form>
下拉列表框:
		<select name="">
			<option value="0">南昌</option>
		</select>		
文本域: 
<textarea cols="列宽"  rows="行宽">
			请输入....
		</textarea>
表格：
	<table border="1px" cellspacing="0xp" width="400px" height="200px" 					align="center" bgcolor="FFFFFFFF" 	style="border-color:#ffffff; 				font-size:18px>
			<caption>数字表</caption>：标题
			<tr>
				<th></th>
				<td></td>
				
			</tr>
			<tr>
				<td></td>
				<td></td>
				
			</tr>
	</table>
属性：
	border="1px" :边框线粗
	cellspacing="0xp" :间距
	width="400px"  :宽
	height="200px"  :高
	align="center/left/right"  :居中/左/右
	style="border-color:#ffffff;  字体颜色
	font-size:18px   字体大小

	
外联框架练习:
	<frameset cols="50%,50%">
		<frame src="http://www.qq.com/?pgv_ref=qbfd"></frame>
		<frame src="https://www.baidu.com/?tn=98010089_dg&ch=12"></frame>
		
	</frameset>

内联框架练习:
	<iframe src="fot.html" width="100%" height="300px" frameborder="no" 				scrolling="no"></iframe>

frameborder="no/yes" scrolling="no/yes"     :删除网页旁边下面的下划线