HTML学习总结：_html培训总结-CSDN博客

本文链接：https://blog.csdn.net/qq_39119562/article/details/84781055

1、html（hypertext markup language）：超文本标记语言；
由很多的具有特殊含义的标记对组成，浏览器会根据不同的标记来展示出对应的样式。
2、标记的规范：
1）html标记都是预定义好的，不能自定义
2）标记要成对出现，前面的叫开始标记<符号>，后面的叫结束标记</符号>
3)标记一定要正确的嵌套
4）标记不区分大小写
3、html结构：

	<html>
		<head>
		</head>

		<body>
			
		</body>
	</html>



<html>与</html>之间的文本描述网页。
<head>与</head>之间的文本是网页头信息
<titlel>与</title>之间的文本是网页的标题
<body>与</body>之间的文本是可见的页面内容
<h1>与</h1>之间的文本被显示为标题
<p>与</p>之间的	之间的文本显示为段落
<!-注释的内容-->

4、标签的属性：

	<body bgcolor=“red”>
	</body>   页面背景颜色显示为红色

HTML中颜色三种表示方式：
16进制代码：bgcolor=#ff0000;
rgb(r,g,b)：rgb(255,0,0)或rgb(100%,0%,0%)
颜色关键字：bgcolor=red

字符级标签：

<B>……</B>将文本显示为粗体
<I>……</I>将文本显示为斜体
<U>……</U>在文本下加下划线
<SUP>……</SUP>将文本显示为上标
<SUB>……</SUB>将文本显示为下标

例：

<html>
<head>
<title>第一个网页</title>
<head>
<body>
	 2<sup>3</sup>=8</br>
	x<sub>4</sub><br>
	<u>	重点</u>
</body>
</html>

在这里插入图片描述

5、常用的标签

	段落标签：由标记<P>定义一个新段落
		必须在结束段落级标记之前结束字符级标记 
		既可以使用成对的<P>标记来包含段落，也可以使用单独的<P>标记来划分段落 
		段落的开头有空格

	图像标签：图像由<img>标签定义
		属性：SRC      	图像的源文件
			  ALT		提示文字
			  WIDTH、HEIGHT		宽度、高度
			  BORDER		边框
			  VSPACE		垂直间距 
			  HSPACE		水平间距
			  ALIGN			水平对齐方式

	表格：表格由<table>标签来定义
		行使用<tr>标签定义
		每行被分割为若干单元格，由<td>标签定义
		表格的标题有<th>定义	定义表格内的表头单元
		常用属性：border  边框
				  width：
				  CELLSPACING 属性定义单元格之间的间距（以像素为单位）
				  CELLPADDING 属性定义表的单元格边界与单元格内容之间的间距 （以像素为单位） 。
				  <caption>表格名称</caption>
	a标记：<a href="html1.html"> </a>
	超链接；
		使用超链接可以指定不同的资源（html,jpg,rar等所有文件），如果浏览器可以打开此		类型，那么在浏览器显示，否则将会下载; 
		通过超链接，可以打开一个新网页，也可以定位到某个网页的特定位置，还可以定义			到当前网页的某个位置；
		路径问题；相对路径和绝对的URL; 
		URL:统一资源定位器; 通俗来说，就是网址；
		相对路径:    与当前路径相关；
		target: 打开网页的目标位置；
		target:"_self"：当前页面打开，当前被覆盖;
		target:"_blank":在一个新的空白页中打开
		锚点设置：（跳转到某一特定位置）  <a name="maodian">hello锚点</a>	  
			<a href=#maodian> 锚点</a> 跳转到自身的锚点位置
			<a href="first.html#maodian">跳转到另一个页面的锚点位置

6、表单元素：
表单：是一个容器，可以将多个表单元素（文本框，密码框）从逻辑上形成一个统一的整体；

<form action="" method="">
	
</form>
表单的组件：
	文本框 ：<input type="text" name=" ">
	单选框 ：<input type="radio" name=" " value=" "  checked>  checked表示默认选中
	
	复选框：<input type="checkbox" name=" " value=" " checked>
	口令框：<input type="password" name=" " > 
	提交按钮：<input typr="submit" name=" " value=" ">
	重置按钮：<input type= “reset" name= " " value= “ " >
	下拉列表 :<select name=" " >
			    <option value=“cat”>你选了小猫</option>
				</select> 
			 multiple="multiple" 设置或返回是否可有多个选项被选中
	滚动列表 :设置下拉列表的size属性 <Select name=" “ size=3>显示3个
			
	<TextArea> ：ame= "ilovethisgame" Rows= "4" Cols= "20" > </TextArea>

7、框架：框架将 Web 浏览器分成多个不同的区域，每个区域都可以显示独立、可滚动的页面。frameset和body平级不能将frameset放在body里

				<FRAMESET COLS="50%,*">
			<FRAME SRC=x.html>
			<FRAME SRC=y.html>
			</FRAMESET>

	rows (行)
	cols（列）
	它们定义了文档窗口中框架或嵌套的框架集的行或列的大小及数目

… FRAME 元素的属性：
Name 指定框架的名称
Src 指定该框架放置的初始文件的位置
Noresize 框架窗口的大小不能调整
Scrolling 指定框架窗口的滚动模式
Auto—在需要时提供滚动模式
Yes—始终提供滚动模式
no—不为窗口提供滚动条
Frameborder 设置框架的边框
Marginwidth 指定框架内容的左右边距
Marginheight 指定框架内容的上下边距

框架嵌套：
在这里插入图片描述