域名:就是一个网站的网址(和域名相对应的是IP地址)
参数:访问某个网站的时候你想要什么样的数据-就要通过参数的形式告诉这个网站,然后网站就会根据你给他的参数给你返回不同的内容
协议:http 超文本传输协议---在互联网上访问网站
https s --> 代表 安全 安全套接字协议---在互联网 上访问网站
File 本地(自己的计算机)文件传输协议--使用浏览器 去查看本地文件的时候用的
ftp: 主要是用来传输文件的
路径:
./ 代表当前路径(文件夹)
相对路径:就是相对于当前的文件,那个要寻找的文件 的位置
绝对路径:就是从根开始找
动态网站:有数据交互的网站叫做动态网站
静态网站:没有数据交互的网站叫做静态网站
HTML
超文本标记语言 html5
建立一个HTML文件
文件名 . 后缀(html)
解析:就是去识别
注释:就是给开发人员开的批注------浏览器不去解析(不去输出)
HTML的整体框架
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
在body中具体有哪些常用的标签
文本标签
<b></b> 加粗标签
<i></i> 斜体标签
<p></p> 段落标签 每个段落和其他段落之间有一个间隙
<sub></sub> 下角标
<sup></sup> 上角标
<del></del> 删除线
<s></s> 删除线
和搜索引擎有关系的标签 SEO(搜索引擎优化)
<em></em> 强调功能
<strong></strong> 具有强调功能
strong > em
<h1></h1> 标题标签 从大到小 每一个都独立占去一行
......
<h6></h6>
在一个网页中最好只有一个h1标签
在html源代码中有多个空格只识别一个
格式标签
<br> 强制换行标签
<hr> 横线标签
<pre>原型输出标签
列表标签
<Ul> 无序列表
<li></li> 列表项
</Ul>
<ol> 有序列表
<li></li> 列表项
</ol>
<dl> 自定义列表
<dt></dt>
<dd></dd>
</dl>
超链接标签
<a></a>
属性:
Href:就是超链接跳转的地址
target:_self:在本选项卡中打开
_blank:在新的选项卡中打开
锚点
锚点的定义
<a name=”锚点名称” id=”锚点名称”></a>
锚点的使用
<a href=”#锚点名称”></a>
多媒体标签
<img> 图片标签
属性:
src:就是需要加载图片的路径(URL)
width:设置图片的宽度
height:设置图片的高度
注意:为了避免图片失真宽度和高度最好只设置一个
border:设置图片的边框
alt: 第一个用法:
就是在图片没有加载出来的时候会把
文字显示出来
第二个用法:搜索引擎会根据alt的值 去判断这张图片上到底是什么
title:就是鼠标放上去会有一个小的提示
<audio></audio> 音频标签
属性:src:需要加载的音频路径
controls 控制按钮
<video></video> 视频标签
属性: src 需要加载的视频路径
controls 控制按钮
loop: 自动重播
width:宽度
height:高度
<embed> flash 动画标签
属性:
src: 就是需要加载的flash动画的路经
width:宽度
height:高度
宽度和高度同时去设置
<table></table> 表格标签
属性:border:就是给整个表格加边框
width:给整个表格设置宽度
align:center 会把整个表格相对于浏 览器居中
right:会把整个表格相对于浏 览器居右
left:会把整个表格相对于浏 览器居左(默认值)
bgcolor:设置整个表格的背景颜色
<tr></tr> 表格中的一行
属性:align:left:会把这一行的内容相对于单元格居左
right:把这一行的内容相对于单元格居右
center:把这一行的内容相对于单元格居中
bgcolor:设置一行的背景颜色
<td></td> 一行中的一列
<th></th> 表头 比<td>要粗 自带居中属性
属性:align:left:会把这一行的内容相对于单元格 居左
right:把这一行的内容相对于单元格居右
center:把这一行的内容相对于单元格居中
在td中的优先级大于在tr中
rowspan:合并行
colspan: 合并列
bgcolor:设置这个单元格的背景颜色
表单标签
<form></form> 表单标签
属性:
action: 就是这个表单的内容要提交到那个后台
method:就是表单提交的方式
get:以get方式提交
post:以post方式提交
所有的表单项都必须有name属性-不要写汉字
<input > 表单项
属性:type:
值:
text:就是普通的文本输入框
submit:就是一个提交按钮
Value:写一个你喜欢的字
image:他是图片提交按钮
和他配合的必须有src
radio:就是单选按钮
name 的值必须相同(如果不 同就不会是单选了)
checked:默认选中值
checkbox:多选按钮
checked:默认选中值
hidden:隐藏域-就是后台可以接收到值,但是前台用户看不到
password:密码输入框--就是输入的内 容会用....开代替
maxlength:控制用户输入的多少
disabled:禁用-就是后台也接收不到值
readonly:就是前台不能改,但是后台可以接收 到值
size:设置text这个类型的大x小
placeholder:提示内容,点击输入内容后消失
<select></select> 下拉列表
属性:
name:就是下拉列表的名字
<option></option> 下拉列表的列表项
属性:
Value:就是每个列表项对应的值
<textarea></textarea> 文本域
属性:
name:文本域的名字
cols:控制列数
rows:控制行数
disabled:禁用 ---后台接收不到
readonly:只读 -- 后台可以接收到
框架集(分帧)---他可以插入到<body>中
一种是邪恶的分帧
<iframe>
属性: src :需要加载页面的地址
scrolling:是否显示滚动条
no:不显示滚动条
frameborder:0 不显示边框
1 显示边框
不邪恶的分帧(不能插入的)--不能插入到<body>中,谁在上面显示谁
<frameset></frameset>
属性:cols:左右分
rows:上下分
<frame>
属性:
src:就是需要加载页面的地址
noresize:禁止拖动改变大小
无意义的标签
<div></div> 块状标签
<span></span> 行内标签
编码问题
<head>中的标签
<meta>去设置一些网页的属性
属性:charset:去设置网页的编码 utf-8 编码
name:
keywords: 网页关键字
content:内容
description:网站描述
content:内容
<title></title> 设置网页选显卡上的显示文字
<script></script> 写 JavaScript代码的地方
<style></style> 写css样式的地方
<link> 连接其他语言的一个通道
字符实体:就是一下使用代码打印不出来的东西
html基本标签与属性
原文:http://www.cnblogs.com/mckangwei/p/7242214.html