HTML入门级知识点【持续更新ing】

32 篇文章 0 订阅

目录

1、系统结构

1.1 B/S架构

1.2 C/S架构

2、关于HTML

2.1 超文本标记语言

2.3 HTML制定者

3、HTML基础知识概述

3.1 纯文本

3.2 注释

3.3 标签的属性

3.4 文档声明

3.5 乱码问题

3.6 字符集

3.7 常用标签

3.8 实体(转义字符)

3.9 相对路径

3.10 图片格式


1、系统结构

1.1 B/S架构

Browser / Server(浏览器/服务器的交互形式。)

Browser支持哪些语言:HTML CSS JavaScript 写HTML CSS JavaScript代码的这波人职位叫做:WEB前端开发工程师。(Java程序员目前来看也需要会一些前端的东西。) 前端页面上的图片需要UI设计师完成。(PS对java程序员来说没有太高的要求。)

server是服务器端,server端的语言很多:c c++Java python………(我们主要是使用Java语言完成服务器端的开发)

B/S架构的系统有什么优点和缺点? 优点:升级方便,只升级服务器端代码即可。维护成本低。 缺点:速度慢、体验不好、界面不炫酷 企业内部的解决方案都是采用B/s架构的系统,因为企业内部办公需要的一些系统 不需要炫酷,不需要特别好的用户体验,只要能做数据的增删改查即可。并且企业 内部更注重维护的成本。

B/S架构的系统有哪些代表? 京东 百度 天猫

1.2 C/S架构

Client / Server(客户端/服务器端的交互形式。)

缺点:升级麻烦,维护成本较高。 优点:速度快,体验好,界面炫酷。(娱乐型的系统多数是c/s架构的。) 常见的c/s架构的系统: QQ 微信 支付宝

2、关于HTML

2.1 超文本标记语言

*HTML:Hyper Text Markup Language (超文本标记语言) 由大量的标签组成,每一个标签都有开始标签和结束标签。 <标签> <标签> <标签属性名="属性值″属性名=“属性值”> </标签> </标签> </标签> 超文本:流媒体、图片、声音、视频… *HTML开发的时候使用普通的文本编辑器就行,创建的文件扩展名是.html或者.htm *直接采用浏览器打开HTML文件就是运行。

2.3 HTML制定者

w3c:世界万维网联盟 W3C制定了HTML的规范,每个浏览器生产厂家都会遵守规范。HTML程序员也会按照这个规范去写代码。 HTML规范目前最高的版本是:HTML5.0,简称H5. m3c制定了很多规范: HTML/XML/http协议/https协议.…… 为了方便中国web前端程序员的开发,提供大量的帮助文档。为开发提供方便。 w3school:先出现的,和w3c没有关系 w3cschool:后出现的,和w3c没有关系

3、HTML基础知识概述

3.1 纯文本

在纯文本编辑器中编写的内容都是纯文本,网页就是使用纯文本编写的。纯文本只能保存文本内容,其他的图片、音频和视频等格式化的内容不能设置。 head标签帮助浏览器解析网页。

3.2 注释

多人合作时,给别人的说明和自己的回忆(开发者源码可见,用户不能见,简单明了) title标签的内容会显示在浏览器标题栏,搜索引擎检索页面时首先检索title标签中的内容,会影响网页在搜索引擎的排名

3.3 标签的属性

属性写在开始标签中,名值对结构,多个属性空格隔开

3.4 文档声明

到底是HTML4,XHTML还是HTML5? 写在最上边的DOCTYPE声明帮助浏览器识别网页版本。 如果不写声明,某些浏览器会进入怪异模式,导致页面无法正常显示 进制的简介

3.5 乱码问题

所有计算机保存(编码)的内容必须转换为0和1,;读取(解码)时再转换为正确内容

3.6 字符集

字符集是编码和解码采用的规则

产生乱码的原因是编码和解码采用的字符集不同; UTF-8万国码(ANSI自动根据系统编码保存);中文系统浏览器默认采用GB2312解码 告诉浏览器网页的编码字符集用meta标签,设置网页元数据,自结束标签

3.7 常用标签

h1 对于检索,h1重要性仅次于title,只写一个 br 自结束标签,换行 hr 自结束标签,分割线

3.8 实体(转义字符)

语法:&+实体名+;,如&+lt+;表示小于号,&+gt+;表示大于号,&+nbsp+;表示空格。&+copy+;表示版权符号 图片标签 img自结束标签;src写路径;alt写图片不能显示时的描述(搜索引擎根据alt识别图片);height;width(除了自适应,不建议设置这两个值)

3.9 相对路径

…/返回上一级目录

3.10 图片格式

JPEG(JPG)支持颜色比较多,可以压缩,但不支持透明(一般保存颜色丰富的图片) GIF支持颜色少,只支持简单透明,支持动态图(图片颜色单一或动态图) PNG支持颜色多,支持复杂透明

图片格式使用原则:效果不一致使用效果好的;效果一致使用小的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值