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. Zabbix4.x如何安全传输数据

    由于设备都在混合云,所以不少数据传输是通过公网,这样极大的增加了危险性,所以在Zabbix数据传输这块则进行PSK安全认证,由proxy主动收集agent数据后统一发送给server,这样只需要对pr ...

  2. TestNg失败重跑—解决使用 dataProvider 参数化用例次数冲突问题

    问题背景 在使用 testng 执行 UI 自动化用例时,由于 UI自动化的不稳定性,我们在测试的时候,往往会加上失败重跑机制.在不使用 @DataProvider 提供用例参数化时,是不会有什么问题 ...

  3. DJANGO-天天生鲜项目从0到1-009-购物车-Ajax实现添加至购物车功能

    本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...

  4. vue学习(二) 三个指令v-cloak v-text v-html

    //style <style> [v-cloak]{ display:none } </style> //html <div id="app"> ...

  5. 前端学习(十六):JavaScript运算

    进击のpython ***** 前端学习--JavaScript运算 在这一节之前,应该做到的是对上一节的数据类型的相关方法都敲一遍,加深印象 这部分的知识的特点就是碎而且杂,所以一定要多练~练习起来 ...

  6. PHP filegroup() 函数

    定义和用法 filegroup() 函数返回指定文件的组 ID. 如果成功,该函数返回指定文件所属组的 ID.如果失败,则返回 FALSE. 语法 filegroup(filename) 参数 描述 ...

  7. 京东架构师:日均 5 亿查询量的ElasticSearch架构如何设计?

    作者:张sir  来源:京东技术(id:jingdongjishu) 1. 背景 京东到家订单中心系统业务中,无论是外部商家的订单生产,或是内部上下游系统的依赖,订单查询的调用量都非常大,造成了订单数 ...

  8. 数位DP 学习笔记

    前言:鸣谢https://www.luogu.com.cn/blog/virus2017/shuweidp.感谢大佬orz ----------------------------- [引入] 首先要 ...

  9. 6月28日考试 题解(GCD约分+动态规划+树状数组二维偏序)

    前言:考的一般般吧……T3暴力没打上来挺可惜的,到手的75分没了. ---------------------------------- T1 [JZOJ4745]看电影 Description 听说 ...

  10. Android ViewPager进行碎片(Fragment)的分页操作

    今天讲的是ViewPager 这个东西就是 假设你写了Fragment和Fragment1两个界面,用这个控件就可以实现两个界面之间的滑动,而不用Intent去跳转: 注意: 在布局中定义控件的时候, ...