HTML学习

一、历史

1、网站开发流程

其中，购买域名：新网、西部数码、万网（阿里云）、百度云、腾讯云、新浪云等；
网站建设包括 a.确定网址主题；b.收集资料；c.规划网站；d.制作网页

2、web标准

• web标准分为 结构标准(html)、表现标准(css)、行为标准(js)
• w3c(world wide web consortium) 万维网联盟创建于1994年，是非盈利性的中立性的技术标准机构，制定了结构(html)和行为(css)标准
• WHATWG(网页超文本引用技术工作小组) 在2004年由Opera、Mozilla基金会和苹果等浏览器厂商组成 其目的是推动HTML5的发展
• ECMA(欧洲电脑场商电脑联合会) 制定行为(js)标准

3、HTML概念

• HTML(hyper text markup language) 指超文本标记语言，其中，超文本指页面内可包含图片、链接、音乐、程序等非文字元素
• XHTML(extensible hyper text markup language) 指可扩展的超文本标记语言
• HTLM5指html的第五次重大修改即html的第5个版本
  
• html文件命名规则，以英文字母开头，由小写英文字母、数字、下划线的组合构成

二、HTML基本语法

1、HTML基本语法

• html标签分为 常规标记也叫对儿标记、双标记（<div></div>）；空标记也叫单标记（<img />）。标记也可称为标签、元素等
• 标签后面可以跟属性，中间用空格分开，属性和属性值用等号连接，属性值放在引号里（<img src='./img/1.png' />）
• html常用标记

1. 	<h1></h1>
	...
	<h6></h6> 
2.	<p></p>
3.	<b></b> <strong></strong>  //加粗
4.	<em></em> <i></i>  //倾斜
5.	<br/>  //强制换行
6.	<hr/>  //水平线
7.	<ol><li></li></ol> //有序列表
8.	<dl><dt>名词</dt><dd>解释</dd></dl> //自定义列表
9.	<ul><li></li></ul>  //无序列表
10.	&nbsp //空格，大小与当前字号和浏览器有关
11.	<img src="图片路径及全称" alt="图片替换文本" title="图片标题" />
	//title: 鼠标悬停在该图片上时显示的提示，鼠标离开就消失，HTML的绝大多数标签都支持title属性，title属性就是专门做提示信息的.
	//alt:在图片因某种原因不能加载时在图片位置显示的提示信息
12.	<a href="目标文件路径及全称/连接地址" target='_self'></a>
	//超链接的应用;target属性表示页面打开方式_self(默认),_blank(新窗口打开)
13.	<table>
		<tr><td></td></tr>
	</table>
	//	数据表格的相关属性 
		width,height,border,bgcolor="表格的背景色",cellspacing="单元格与单元格之间的间距",cellpadding="单元格与内容之间的空隙",bordercolor='表示边框颜色'
	//	align="left/center/right"//设置在table标签表示单元格水平对齐方式；
	//表格内容对齐方式 ：align="left/center/right" valign="top /bottom/middle"(设置在子元素tr、td上)
	//	合并单元格属性
		colspan="列数(将同一行的几列合并为一格)";rowspan="行数(将同列上几行合并成一格)";
		eg:初始三列三行
		<tr>
    		<td colspan="2">1</td> //从第1行第1列开始向右合并，共合并两格
        	<td>3</td>
    	</tr>
   		<tr>
	    	<td>1</td>
	        <td>2</td>
        	<td rowspan="2">3</td> //从第2行第3列开始向下合并2列
    	</tr>
    	<tr>
	    	<td>1</td>
	        <td>2</td>
       	</tr>
    	
14.	<form name="表单名称" method="post/get" action=""></form>
	<input type="text" value="默认值"/> //type属性：text(文本框),password(密码框)
	
	<input type="submit" value="按钮内容" /> //提交按钮
	<input type="reset" value="按钮内容" /> //重置按钮
	<input name="'" type="button" value=“按钮内容” /> //submit属性是提交按钮 起到提交信息的作用，button属性只起到跳转的作用，不进行提交
	
	<input type="radio" name="ral"/>
	<input type="radio" name="ral" />  //单选框/单选按钮,同一组单选按钮的name属性值必须一样(必写)

	<input type="checkbox" name="like" />
	<input type="checkbox" name="like" disabled="disabled" /> //多选框；disabled="disabled" :禁用；checked="checked" :默认选中

	<select name="">
		<option>菜单内容</option>
	</select> //下拉选择；selected 默认选项(排列第一位)

	<textarea name="textarea" cols="字符宽度" rows="行数"></textarea> //多行文本框（文本域）

15.	<div></div> //div是区块，分割的意思;用来把页面划分出不同的区域
16.	<span></span> //文本结点,用于某段文字