H5学习笔记（一）

最新推荐文章于 2024-08-15 12:36:38 发布

无泪蔷薇

最新推荐文章于 2024-08-15 12:36:38 发布

阅读量656

点赞数

分类专栏：前端文章标签： h5

本文链接：https://blog.csdn.net/chan_1030261721/article/details/86592046

版权

本文是H5学习的第一部分，涵盖了互联网与Web的基础知识。解释了Internet的主要服务，如WWW、email、bbs和ftp，以及Web的工作原理，包括基于B/S和C/S的结构。此外，介绍了Web的组成部分——浏览器、通信协议（HTTP）、Web服务器，以及常见的服务器软件。文章还详细讲解了HTML的基本语法，如标签类型、元素嵌套、属性、值和注释。最后，提到了HTML的文本标记，如特殊字符、文本样式、标题元素、段落、换行、分区元素和预格式化。

摘要由CSDN通过智能技术生成

1、web与internet
1、internet是一个全球性的计算机互联网络
因特网、互联网
主要服务：www，email、bbs（电子公告板）、ftp（上传文件）
目标：信息共享
实现技术：
Tcp/ip协议、
分组交换原理，信息在网络上被分成许多个小数据，会进行
分组传输，到达目的地后将数据重组为信息。
2、web
   前端主要就是实现客户端技术，如果会服务端技术价格会更高
1、什么是web
   web就是internet上面的一种网页应用程序
   将各种服务与信息进行连接，并且提供了生动的图形用户界面
2、web的工作原理
   1、基于b/s结构的模式
   2、c/s结构的模式 qq，微信
3、web的组成
   浏览器、通信协议（http）、web服务器
   浏览器与服务器
   服务器：
       存储web页面，提供托管环境
       响应浏览器的请求，执行服务器端程序
       主流的服务器：
           tomcat
           iis
           apache
   浏览器：user Agent 用户代理
       提交用户请求
       解析html代码和脚本程序，使用图形化方式显示内容
       浏览器产品：google、firefox、safari、opera、ie
   4、web相关技术
   1、服务器端技术
       php、jsp、asp
   2、客户端技术
       html
       css
       JavaScript（剩下的那些都是在这三个基础之上封装的框架）
2、html
1、html概述超级文本标记语言
   .html .htm后缀名
2、html文档结构
   1、文档声明用于指定html的风格和版本
   html5：<!doctype html>
   出现在页面的最顶部
   2、html页面
   位置：<!doctype html>下方
   数量：有且只有一个
   标签：<html></html>

html页面包括两大部分

1、网页头部：<head></head>
           <title></title>--标题
           <meta/>定义编码，关键字、描述、自动刷新
           <meta charset="utf-8"/>
           定义页面的编码格式
           <meta http-equiv="refresh" content="3;http://www.baidu.com"/>
           3秒之后跳到百度页面
           <link/>--引入外部css样式表
           <script></script>--引入JavaScript
           <style></style>--定义内部样式表

   2、网页主体：<body ></body>
           text字体颜色 bgcolor定义背景颜色
           页面上