HTML基础
系统架构: b(浏览器)/s(服务器)架构:c(客户端)/s(服务器)架构:
HTML是什么: 超文本标记语言 (文字+图片+音视+链接…)
标记 : 浏览器根据已定义好的某一对标签来显示对应的内容
语言 : 一门计算机语言
最重要的三个项目: html 核心规范 CSS(层叠样式表) javascript
Html5新特性: 引入原生多媒体支持 映入可编辑内容(列如:图画) 引入了语义web
Html标签: html标签是由尖括号包围的关键词,比如<html>
<html></html>
html标签一般是成对出现的,比如<body>和</body>;
<body></body>
标签对中的第一个标签是开始标签,第二个标签是结束标签后多了/
开始和结束标签也被称为开放标签和闭合标签
但也有些标签是单标签或者自关闭标签 如: <br /> <img />等,单标签就固定的那么几个,数量不多。
注释: 快捷键 Ctrl+/ <!-- font标签 -->
避免乱码: <meta charset=”utf-8”> 简体中文:gb2312 支持所有语言:utf-8 纯英文网址:iso-8859-1
meta name="keywords" content="不喝酒不健康就离开"/> keywords是搜索关键字 <meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电> description是内容描述
<font>标签
<font color="pink" face="华文琥珀" size="5"><b><i>百度一下,你就知道。如此厉害。</i></b></font> <br/>
<font color="yellow" face="华文琥珀" size="5"><b><i>百度一下,你就知道。如此厉害。</i></b></font>
每个html标签都可能有不同的属性。
同一个属性在不同含有这个属性的html标签里都是指同一个意思。如color属性无论在哪个html标签都是指内容的文本颜色
H系列标签:h1---h6 h1最大最粗 h6最小最细
<font color="pink" face="华文琥珀" size="5"><b><i><P>百度一下,你就知道。如此厉害。</i></b></font> </P>
<font color="yellow" face="华文琥珀" size="5"><b><i><P>百度一下,你就知道。如此厉害。</i></b></font></P>
<b>------</b> 粗体 <i>-------</i> 斜体 <u>-----</u> 下划线 <hr> 分割线
文本标签
<u></u>下划线 <i></i>斜体 <b></b>粗体
<strong></strong>加粗 <em></em>斜体<><><>
Img 为显示一张图片 <img>
src属性,放图片地址(本地、在线),建议使用相对路径
width属性
height属性
title属性 鼠标悬停提示文字
alt属性 图片失效提示文字
相对路径:相对于当前目录而言其他文件所在的地址
../指上级目录
/指下级目录
绝对路径:一般以http:// 或者ftp:// 或者系统盘符(c:)开头的地址
.a标签:超链接 不能跨项目跳转
href属性 跳转地址,可以是网页、图片、视频?
target属性
_blank属性值 打开新的标签页
_self属性值 覆盖原来的标签页
src和href区别:src一般做非文本引入方式,而href一般做文本引入方式???
了解特殊符号
空格
< <
> >
® 注册商标
& &
© 版权
™ 商标
.body标签
bgcolor属性
background属性
表格
快捷键 tr*3+tab td*4+tab
表头使用th 字体加黑加粗居中
thead 放表头
tbody
tfoot
border 边框粗细
cellspacing 单元格之间的距离
cellpadding 单元格和内容之间的距离
合并单元格 (td标签中)
colspan 合并行 跨行
rowspan 合并列 跨列
x<sup>y</sup> 打出x的y次方
表单
form标签
action 属性 内容提交到哪
method 属性
post 提交数据信息,登录、注册、上传
get 获取信息,打开一个页面
input标签
type属性
text属性值 文本框
passworld 密码框 遮挡而已,不是加密
submit 提交
reset 重置
radio 单选框;name属性任意但是必须一致
chackbox 复选框
email 自动过滤邮箱格式
button 普通按钮
image ???
size属性 框的长度
maxlength 允许的最大字符数
name属性 后端取值
checked 单选框默认选项
id属性
value属性
placehoder 提示信息
select标签 下拉框
name属性 后端取值???
size属性 显示的文本的大小
option标签
value属性 =文本 后端取值???
selected属性 默认选项
常见浏览器清除缓存的方法
补充:
有序列表
<ol>
<li></li>
<li></li>
</ol>
无序列表
<ul>
<li></li>
<li></li>
</ul>
iframe 在当前页面显示另外一个页面的内容
颜色取值
RGB
颜色英文单词
疑问:
table的嵌套
可以嵌套,注意子与父的关系
form、input、select的关系
input和select可以脱离form使用
有提交信息类属性的必须要加form,建议一直加
浙公网安备 33010602011771号