一、历史
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.   //空格,大小与当前字号和浏览器有关
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> //文本结点,用于某段文字