首页 > 代码库 > HTML 笔记01

HTML 笔记01

2024-10-03 10:16:02   216人阅读

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
统一资源定位
http://www.w3school.cn
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="http://www.mamicode.com/images/sina.ico"> （导入外部资源如：CSS样式和小图标等）
        </head>
        <body></body>
    </html>
 
html中的注释
    <!--注释内容-->
 
html的标签
    单标签  <meta>
    双标签  <title></title>
 
html标签的属性
    1. 属性由属性名和属性值构成
    2. 一个标签内可以有多个属性

HTML 笔记01


联系
我们