HTML:超文本标记语言,是一种使用结构化Web网页(标准制定者:W3C)及其内容的标记语言。

发展过程:XHTML5,HTML5,XHTML1.0,HTML4.01,HTML3.2

HTML5特性:

兼容性,效率,安全性

实用性:新增元素都是对现有网页和用户习惯进行跟踪、分析和概括出来的

分离:将结构和样式完全分离,提高复用率

简化,通用性,无插件

C/S架构软件(C:客户端,S:服务器)

客户端:用户提供客户端来使用软件

    服务器用来处理软件的业务逻辑

特点: 必须安装之后才能使用

    软件更新时,服务器和客户端都需要更新

    软件无法跨平台使用

    软件客户端和服务器间的通信采用自有协议,安全性好

B/S架构软件(B:浏览器,S:服务器)

特点:网站,利用网站使用软件

     不需要安装便可使用

   软件更新,客户端不需要更新

   软件可以跨平台使用

   客户端和服务器间采用HTTP通信协议,安全性差

HTML规范写法:

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>网页标题</title>

  <stype>CSS样式</stype>

</head>

<body>

  <!--网页内容,可以使文本、图片等-->

</body>

</html>

具体解释:

<html>  </html>:根标签,表示整个网页。包含两个属性<head><body>,lang="en"英文,lang="zh"中文

<head>  </head>:文档头部,描述文档的各种信息和属性,包括网页标题----此处内容不会显示在网页上,用户看不见,给浏览器看

<meta>:作用:提供网页相关的元信息,设置描述信息,关键字,重定向(用户搜索关键字,便可找到该网页)

    <meta name="keywords/description" content="具体内容,逗号隔开”>

    <meta http-equiv="refresh" content="3;url=http://www.">三秒刷新页面

字符集:定义当前文件使用的字库

    作用:编码和解码采用的规则,出现乱码的原因:编码和解码采用的字符集不同。

    常见的字符集(charset):

      UTF-8:国际标准字库

      ASCII

      GBK/gb2312:中国字库,国家标准

注释:为代码添加适当注释,仅在编辑文本情况下可见,在浏览器页面不会显示

   语法:<!--注释-->

DOCTYPE作用:

  DOCTYPE声明在文档最前面,告诉浏览器以何种方式渲染页面,包含二种模式:严格模式、混杂模式。

  严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行。

  混杂模式,向后兼容,模拟老式浏览器,防止浏览器无法兼容。

HTML属性和值:

属性:用于修饰元素,必须位于开始标签里,一个元素的属性不止一个,多个属性用空格隔开

每个属性都有值:属性和属性的值之间用等号链接

        属性的值包含在引号当中

        属性总是以名称/值对的形式出现

HTML基础-01的更多相关文章

  1. javascript基础01

    javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...

  2. Androd核心基础01

    Androd核心基础01包含的主要内容如下 Android版本简介 Android体系结构 JVM和DVM的区别 常见adb命令操作 Android工程目录结构 点击事件的四种形式 电话拨号器Demo ...

  3. java基础学习05(面向对象基础01)

    面向对象基础01 1.理解面向对象的概念 2.掌握类与对象的概念3.掌握类的封装性4.掌握类构造方法的使用 实现的目标 1.类与对象的关系.定义.使用 2.对象的创建格式,可以创建多个对象3.对象的内 ...

  4. Linux基础01 学会使用命令帮助

    Linux基础01 学会使用命令帮助 概述 在linux终端,面对命令不知道怎么用,或不记得命令的拼写及参数时,我们需要求助于系统的帮助文档:linux系统内置的帮助文档很详细,通常能解决我们的问题, ...

  5. 可满足性模块理论(SMT)基础 - 01 - 自动机和斯皮尔伯格算术

    可满足性模块理论(SMT)基础 - 01 - 自动机和斯皮尔伯格算术 前言 如果,我们只给出一个数学问题的(比如一道数独题)约束条件,是否有程序可以自动求出一个解? 可满足性模理论(SMT - Sat ...

  6. LibreOJ 2003. 「SDOI2017」新生舞会 基础01分数规划 最大权匹配

    #2003. 「SDOI2017」新生舞会 内存限制:256 MiB时间限制:1500 ms标准输入输出 题目类型:传统评测方式:文本比较 上传者: 匿名 提交提交记录统计讨论测试数据   题目描述 ...

  7. java基础 01

    java基础01 1. /** * JDK: (Java Development ToolKit) java开发工具包.JDK是整个java的核心! * 包括了java运行环境 JRE(Java Ru ...

  8. 081 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 06 new关键字

    081 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 06 new关键字 本文知识点:new关键字 说明:因为时间紧张,本人写博客过程中只是 ...

  9. 080 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 05 单一职责原则

    080 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 05 单一职责原则 本文知识点:单一职责原则 说明:因为时间紧张,本人写博客过程中只是 ...

  10. 079 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 04 实例化对象

    079 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 04 实例化对象 本文知识点:实例化对象 说明:因为时间紧张,本人写博客过程中只是对知 ...

随机推荐

  1. The Prices

    题目描述 你要购买\(m\)种物品各一件,一共有\(n\)家商店,你到第\(i\)家商店的路费为\(d[i]\),在第家商店购买第\(j\)种物品的费用为\(c[i][j]\),求最小总费用. 输入格 ...

  2. JavaScript动画实例:沿五角星形线摆动的小圆

    五角星形线的笛卡尔坐标方程式可设为: r=10+(3*sin(θ*2.5))^2  x=r*cos(θ) y=r*sin(θ)              (0≤θ≤2π) 根据这个曲线方程,在[0,2 ...

  3. three.js 将图片马赛克化

    这篇郭先生来说说BufferGeometry,类型化数组和粒子系统的使用,并且让图片有马赛克效果(同理可以让不清晰的图片清晰化),如图所示.在线案例点击博客原文 1. 解析图片 解析图片和上一篇一样 ...

  4. vue-cli 2.x和3.x配置移动端适配px自动转为rem

    移动端适配一直都是个大问题,现在也出现了各种各样的解决方案,比如 rem, vw 百分比等,但是比较成熟的切比较容易编写的还是 rem,他是相对于根元素的 font-size 进行等比例计算的. 但是 ...

  5. Java Object类中的equals方法

    Object类中的equals方法用于检测一个对象是否等于另外一个对象.在Object类中,这个方法将判断两个对象是否具有相同的引用.如果两个对象具有相同的引用,它们一定是相等的.从这点上看,将其作为 ...

  6. Monster Audio 使用教程(一)入门教程 + 常见问题

    Monster Audio支持的操作系统: windows 7 64bit 至 windows 10 64bit 受支持的VST: Vst 64bit.Vst3 64bit 受支持的声卡驱动: ASI ...

  7. goroutine间的同步&协作

    Go语言中的同步工具 基础概念 竞态条件(race condition) 一份数据被多个线程共享,可能会产生争用和冲突的情况.这种情况被称为竞态条件,竞态条件会破坏共享数据的一致性,影响一些线程中代码 ...

  8. 好用到飞起的12个jupyter lab插件

    1 简介 jupyter lab作为jupyter notebook的升级改造版,除了更加人性化的交互界面以及更多的用户自主定制功能之外,最吸引人的就是其丰富多样的拓展插件,使得每个使用jupyter ...

  9. BUUCTF-web EasySearch (服务端包含注入ssi)

    一打开就是登录页面 存在index.php.swp...(反正我是没有扫出来,题目没给提示),分析一波源码 <?php ob_start(); function get_hash(){ $cha ...

  10. 基于Bilateral Attention和Pyramid Filling Block的图像修复方法

    One-Stage Inpainting with Bilateral Attention and Pyramid Filling Block 论文链接:https://arxiv.org/abs/1 ...