1.什么是html?
HTML(hyper text markup language)超文本标记语言:可以被浏览器识别,用来描述网页的语言其中包括除文本外的一些音频、视频、图片以及超链接等超出文本范围的内容,因此称为超文本标记语言:由一些标签组成(html的文件后缀名为.html或.htm)
- html的由哪些模块组成?
Html(结构)------CSS(样式):用于美化html的结构-------JavaScript /js(行为):用于为用户和界面提供一个交互方式----------JQuery(是JS的简化版)--------JQueryEasyUI(JS的分支)---------Bootstrap(响应式布局):可以根据需要调整不同的流体布局,网页中的内容会随着窗口大小变换布局大小,以便用户完整浏览
3.HTML主要由哪些组成?
<head></head>、<boby></boby>等
格式:<html>
<head>
<title></title>
</head>
<boby>
</boby>
</html>
4.快捷键:注释/注销注释:ctrl+/; 快速删除一行:ctrl+d
5.常用的标签(分为闭合标签/双标签;自闭合标签/单标签):
(1)<br/>换行标记 <hr/>水平线
(2)<p></p>段落标记 <h1></h1>标题标签:<h1></h1>.....<h6></h6>取值范围1—6,数字越大,字体越小
(3)<pre></pre>预定义格式化:可以按照自己的需求进行段落格式设置
(4)<a></a>超链接———属性href="地址链接"
<img></img>图片———属性src="图片路径"
eg:<a href="http"//....com">跳转到...</a>
eg:<img scr="图片路径"width=" "height=" "alt="不能正常加载时的提示" title="图片提示"/>
(5)<I></I> <EM></EM>倾斜
<U></U>下划线 <B></B> <strong></strong>加粗
(6)<meta charset="utf-8">-----是一种规定网页编码的格式,便于计算机进行j进行语言识别,否则会出现乱码
<!DOCTYPE html>-----是html5文档类型标识,若无此标识,浏览器会进行默认编译(h4等其他默认版本类型),并且会容易导致数据流失或页面加载异常。r'h'r
- 列表:分为有序列表(ol)和无序列表(ul)
格式:<ol>
<li></li>
</ol>
<ul>
<li></li>
</ul>
自定义标记:<dl>
<dt></dt>
<dd></dd>
</dl>
- 表格:(table)表格分为行(tr)和列(td)
<table>
<tr>
<td>姓名</td>
</tr>
</table>
Table元素的属性总结:
border设置表格的边框 width/height设置宽高
Align设置表格对齐方式---------属性:center、right、left
Cellspacing:设置单元格之间的距离
Cellpadding:设置单元格内容和单元格边框之间的距离
Bordercolor:设置边框颜色 bgcolor:设置表格背景颜色
Caption:设置表格的标题
合并行:rowspan
合并列:colspan
8.表单:(form)是指用来收集用户的信息或是数据
<form>
<!--表单元素-->
</form>
Type:表单元素类型:
text:文本框 password:密码框
placeholder:设置阴影提示/设置文本框的占位符
maxlength:设置文本框字符的最大长度
name
value
fieldset:对表单元素进行分组,以便在选择时只能选择一个,不会重复
checkbox radio单选按钮
Select:下拉选择框,分为单选和多选,是一种特殊表单元素
reset:重置 button submit
http请求的方式(表单的提交方式)
- get提交:提交的数据量小(255字符),可以在url地址中显示数据信息,因此不安全
- Post提交:提交的数据量大,安全
9.框架:frameset代替了body部分内容
属性:rows-----设置行的百分比 cols-------设置列的百分比
*----------表示剩余 noresize-----禁止用户拖拉框架大小
Scroling-----设置框架滚动条是否显示
10.内嵌框架:iframe