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. P4158 [SCOI2009]粉刷匠(洛谷)

    今天A了个紫(我膨胀了),他看起来像个贪心一样,老师说我写的是dp(dp理解不深的缘故QWQ) 直接放题目描述(我旁边有个家伙让我放链接,我还是说明出处吧(万一出处没有了)我讲的大多数题目都是出自洛谷 ...

  2. 肝了两天IntelliJ IDEA 2020,解锁11种新姿势, 真香!!!

    IDEA2020版本正式发布已经有3个月了,当时由于各方面原因(太懒)也没有去尝试新功能.于是这个周末特意去在另一个电脑上下载了最新版的IDEA,并尝试了一下.总的来说呢,体验上明显的提升. 作为一个 ...

  3. python-多任务编程05-协程(coroutine)

    协程是python个中另外一种实现多任务的方式,只不过比线程更小占用更小执行单元(理解为需要的资源). 为啥说它是一个执行单元,因为它自带CPU上下文.这样只要在合适的时机, 我们可以把一个协程 切换 ...

  4. 剑指offo记录

    一.二维数组中的查找 在一个二维数组中(每个一维数组的长度相同),每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序.请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是 ...

  5. Spring事务处理时自我调用

    1.预备知识 aop概念请参考[http://www.iteye.com/topic/1122401]和[http://jinnianshilongnian.iteye.com/blog/141859 ...

  6. nginx配置多个图片访问路径

    需求:vue项目打包的时候 会将项目中的一些图片打包到/dist/static/images下,但是有时候会有一些很大的图片,需要单独存放至别的文件夹比如/home/di-img下,不能被打倒包内.部 ...

  7. 一文了解JDK12 13 14 GC调优秘籍-附PDF下载

    目录 简介 那些好用的VM参数 G1的变化 配置FlightRecorder RAM参数 JDK13中的ZGC RTM支持 总结 简介 想了解JDK12,13,14中的GC调优秘籍吗?想知道这三个版本 ...

  8. 什么是PHP 面向对象

    PHP 面向对象 在面向对象的程序设计(英语:Object-oriented programming,缩写:OOP)中,对象是一个由信息及对信息进行处理的描述所组成的整体,是对现实世界的抽象. 在现实 ...

  9. PHP xml_get_error_code() 函数

    定义和用法 xml_get_error_code() 函数获取 XML 解析器错误代码.高佣联盟 www.cgewang.com 如果成功,该函数则返回错误代码.如果失败,则返回 FALSE. 语法 ...

  10. IDEA、maven3.6.3安装、环境配置(windows10)

      maven的安装和配置   1. maven的官方入门指南:http://maven.apache.org/guides/getting-started/index.html 阅读官方文档进行ma ...