html:
什么是网页和网站:
网页:支持浏览器打开,具有一定的界面效果、功能和作用的“页面文件”。
网站:就是由若干个具有一定内在联系,隶属于同一目录的若干个网页组成的网页群。网页浏览原理:
客户端:发起请求,常见客户端:即浏览器(google、360、ie、ff(firefox))
服务器端:对客户端请求收到,并进行响应:常见服务器:Apache、tomcat、iis等内核(渲染引擎):
对标签进行解析,常见有Trident(IE内核)、Gecko(firefox)、webkit(Safari)、Apple Safari (Win/Mac/iPhone/iPad)。。。
什么是html:
Hyper Text Markup Language(超文本标记语言)、简单说比普通文本更强大的的语言。
可以输出:文字、图像、链接、音频等
后缀: .html 或 .htm
html基本知识:
html标准(html规范):w3c 非盈利组织。领导人:蒂姆·伯纳斯-李——互联网之父。
html标签:
基本形式:<标签名 属性名1=“属性值1” 属性名2=“属性值2” …>
html注释:
<!-- 注释内容 -->
html标签分类:
标签分类:单、双标签
功能分类:文本、结构、链接、图像、列表、表格、表单、其他标签
html网页代码基本结构:
html>head+title>body
html标签关系:嵌套、并列关系
文档级结构标签:html, head, title, body
内容级结构标签:h1~h6,br, hr, p, pre, blockquote, div, span, 表格标签等
块标签和行内标签:
块标签:hr, p, h1, div
行内标签:b, strong, font
区别:块标签独占一行、可以设置宽高、可以设置外边距等。
html文本标签:
字体:font
加粗:b, strong,
倾斜:em, i,
删除:s,del,
sub(下标), sup(上标), 等。
html列表标签:
无序列表:ul>li,
有序列表:ol>li,
定义列表:dl>dt,dd
html图像标签:
<img src=”图片路径” width=”宽” height=”高” alt=”图片描述信息” align=”对齐方式” border=”边框” />
网页路径问题:
相对路径:
一级: ../
同级:./
下一级:该文件下文件夹/
绝对路径:
物理路径:从盘符开始(或根路径)
绝对路径:http://(网络地址)【易推广宣传、对服务器有一定的压力】
html链接标签:
超链接:<a href="跳转地址" target="_blank"> 文字</a>
锚链接:<a href="#id名"></a>
当前页面统一设置:<base target="_blank">
网页图标:<link rel="icon" href="favicon.ico">
html表格标签:
表格:
标题:caption
表格(行、列):table>tr>td(th)
表格(表格头、体、脚):table>thead>tbody>tfoot
合并(列、行):colspan、rowspan
表单标签:
form > input、select > optgroup > option、textarea、button
fileset > legend
表单:form:name、method、action
文本框:input常见type属性:text、password、hidden、radio、checked、file、image、reset、submit...
多选框:section:selected、size
单选框:radio、checked:checked
文本框:textarea:cols、rows、name
h5新增标签与属性:
语义化标签:
article(文章), aside(侧边), header(头部), footer(尾部), nav(导航), section(小节,文章的章节)等等。
多媒体标签:
audio、video、source、embed
其他标签:
dialog、progress、mark、time、address、canvas、details/summary
新增type:
email、tel、url、number、search、range、time、date、datetime、month、week
新增属性:
placeholder、autofocus、multipart、contentableditable、autocomplete
其他标签(扩展)
meta(元属性):
<!-- name:键名(author、keywords、description、robots); content:键值 -->
<!-- meta(charset=gbk、utf8、unicode、gb2312) -->
<meta charset="UTF-8" descript="描述" author="作者" content="内容" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
字符实体:
>、<、&、©、®、..
文档类型
<!DOCTYPE html>、h4(宽松型、过渡性、严格型)
iframe:内嵌框架
<iframe src="http://www.baidu.com/" name="框架名称" frameborder="1" width="500" height="500"> </iframe>
frameset、frame
互斥:body
<html>
<head></head>
<frameset cols="1" row="2">
<frame></frame>
<frameset cols="2">
<frame></frame>
<frame></frame>
</frameset>
</frameset>
</html>