HTML 笔记01

HTML5能够作什么?
第一  网站页面  响应式页面  (淘宝  京东  ...)
第二  WebApp  (webQQ 在线美图 web淘宝...)
第三  游戏    (网页游戏, canvas小游戏,朋友圈测试小游戏)第四  手机App   PhoneGap封装   ionic
第五  网站用户界面设计 (ps)    
第六  网站后端  node.js     数据库管理
第七   微信小程序
 
B/S和C/S软件结构
C/S  客户端/服务器 (客户端分担压力,须要更新)  
B/S  浏览器/服务器(服务器压力大,不须要更新)
B/S   :经过应用层的http协议进行通讯(也须要底层的协议支持),不须要特定的客户端,只须要浏览器。网站就是B/S结构
C/S  :经过任意的协议,须要特定的客户端。如QQ,旺旺,服务器就是腾讯的服务器或阿里的服务器。好比网络电视等也须要特定的客户端。
 
浏览器
一. 主流浏览器
  chrome    safari      IE      firefox  
二. 壳浏览器
  360  搜狐  搜狗  2345  opera  猎豹  UC  QQ ..
三.市场份额:chrome(html5支持度高) IE8(不支持h5)..
 
web服务器
web服务器也称做www服务器,主要功能是提供网上信息浏览服务。web服务应用层使用http协议。
目前可用的web服务器有不少。如  Apache  IIS Tomcat nginx..其中apache仍然是世界上使用最多的web服务器。
 
经常使用的快捷键
1.f2 重命名
2.f5 刷新
3.ctrl+c 复制
4.ctrl+v 粘贴
5.ctrl+z 撤销上一步操做 v6. ctrl+f 查找
6.tab 缩进
7.ctrl+s 保存
8.ctrl+a 全选
9.window+d 回到桌面
10.caps lock 大小写切换 --不建议用
11.shift+(字母) 大小写切换
12.alt+tab 任务切换
 
万维网
1.万维网联盟的建立者是万维网的发明者蒂姆·伯纳斯-李
2.万维网并不等同互联网,万维网只是互联网所能提供的服务其中之3一,是靠着互联网运行的一项服务
 
协议
应用层(上网就是http请求)
http://
https://
其余协议:ftp smtp nntp ..
 
URL
统一资源定位
1. http://  协议
2. www.w3school.com.cn 域名  域名经过DNS服务器解析成ip
    https://www.baidu.com/img/bd_logo1.png  百度的一个图片地址 也是一个url
 
前端三大技术: HTML CSS Javascript
 
HTML
超文本标记语言 HyperText Markup Language
超文本: 超连接  图片  视频 ...
   html文件自己是一个纯文本  浏览器解除出超文本(连接 图片)
 
页面的主体结构
    <!doctype html>
    <html>
        <head>
            <title>小米官网</title> (标题)
            <meta charset='utf-8'> (字符集)
            <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> (IE最高版本解析)
            <meta name="keywords" content="小米6 小米笔记本 红米"> (关键字)
            <meta name="description" content="这是卖小米手机 笔记本的 快速返货 无理由退货"> (描述信息)
            <meta name="robots" content="all"> (那些能够被搜索到)
            <meta name='author' content='obama'> (做者)
            <meta name="generator" content="sublime notepad++"> (生成编辑器)
            <meta name="revised" content="3.0"> (定义最新版本)
            <meta name="copyright" content="兄弟连2006-2019版权全部"> (版本全部权)
            <link rel="icon" href="../images/sina.ico"> (导入外部资源如:CSS样式和小图标等)
        </head>
        <body></body>
    </html>
 
html中的注释
    <!--注释内容-->
 
html的标签
    单标签  <meta>
    双标签  <title></title>
 
html标签的属性
    1. 属性由属性名和属性值构成
    2. 一个标签内能够有多个属性
相关文章
相关标签/搜索