HTML

超文本标记语言

什么是超文本标记语言

浏览器能够解释和解析的语言

通过元素的形式构建页面结构和填充内容

构建HTML页面

构建页面的步骤

创建一个扩展名为.html和.html的页面文件

向页面文件中添加页面的基本结构

  1.  1 <! --告知浏览器文档所使用的 HTML 规范-->wm1/NITF 无线标记语言/音乐标记语言
  2.  2 <! doctype html>
  3.  3 <html>
  4.  4     <head>
  5.  5             <title>网页标题</title>
  6.  6             <! --规定 HTML 文档的字符编码-->
  7.  7             <meta charset="utf-8">
  8.  8             <! --设置移动端页面宽度和初始的缩放比例 页面的宽度为设备宽度，初始比例为1-->
  9.  9             <meta name="viewport" content="width=device-width,initial-scale=1.0">
  10. 10             <! --定义浏览器渲染时的兼容方式,使用ie内核浏览器访问，使用它的最高版本-->
  11. 11             <meta http-equiv="X-UA-Compatible" content="ie=edge">
  12. 12     </head>
  13. 13     <body>
  14. 14             网页主体内容
  15. 15     </body>
  16. 16 </html>

HTML页面核心

元素是一个页面的核心,它也称为标记或标签。

它的功能是用于在网页中显示内容。

HTML元素的语法和分类

使用<和>包裹标签名称,它不区分大小写,建议使用小写。

根据包裹名称的数量，元素分为两类。

双标签:成对出现,包含开始和结束标签,如:

  1. <html></html>

单标签:只有开始标签,没有结束标签,手动添加"/"表示闭合,如:

  1. <br>
  2. <br />

HTML元素的属性

标签属性书写在开始标签中,使用空格与标签名隔开,用于设置当前标签的显示内容或者修饰显示效果.

由属性名和属性值组成,属性值使用双引号表示.例:

  1. <img src="imgs/img01.jpg">

同一个标签中可以添加若干组标签属性,使用空格间隔.

  1. <img src="imgs/img01.jpg" width="200px" height="200px">

HTML语法规范

标签名不区分大小写,建议使用小写。

注释语法:

　　<!-- 此处为注释 -->

初识HTML02的更多相关文章

  1. Android动画效果之初识Property Animation（属性动画）

    前言: 前面两篇介绍了Android的Tween Animation(补间动画) Android动画效果之Tween Animation(补间动画).Frame Animation(逐帧动画)Andr ...

  2. 初识Hadoop

    第一部分:              初识Hadoop 一.             谁说大象不能跳舞 业务数据越来越多,用关系型数据库来存储和处理数据越来越感觉吃力,一个查询或者一个导出,要执行很长 ...

  3. python学习笔记（基础四：模块初识、pyc和PyCodeObject是什么）

    一.模块初识(一) 模块,也叫库.库有标准库第三方库. 注意事项:文件名不能和导入的模块名相同 1. sys模块 import sys print(sys.path) #打印环境变量 print(sy ...

  4. 初识IOS,Label控件的应用。

    初识IOS,Label控件的应用. // // ViewController.m // Gua.test // // Created by 郭美男 on 16/5/31. // Copyright © ...

  5. UI篇（初识君面）

    我们的APP要想吸引用户,就要把UI(脸蛋)搞漂亮一点.毕竟好的外貌是增进人际关系的第一步,我们程序员看到一个APP时,第一眼就是看这个软件的功能,不去关心界面是否漂亮,看到好的程序会说"我 ...

  6. Python导出Excel为Lua/Json/Xml实例教程（一）：初识Python

    Python导出Excel为Lua/Json/Xml实例教程(一):初识Python 相关链接: Python导出Excel为Lua/Json/Xml实例教程(一):初识Python Python导出 ...

  7. 初识SpringMvc

    初识SpringMvc springMvc简介:SpringMVC也叫Spring Web mvc,属于表现层的框架.Spring MVC是Spring框架的一部分,是在Spring3.0后发布的 s ...

  8. 初识redis数据类型

    初识redis数据类型 1.String(字符串) string是redis最基本的类型,一个key对应一个value. string类型是二进制安全的.意思是redis的string可以包含任何数据 ...

  9. Redis初识、设计思想与一些学习资源推荐

    一.Redis简介 1.什么是Redis Redis 是一个开源的使用ANSI C 语言编写.支持网络.可基于内存亦可持久化的日志型.Key-Value 数据库,并提供多种语言的API.从2010 年 ...

随机推荐

  1. 手把手教你在 SuperEdge 上用 EdgeX Foundry 接入 IoT 设备

    作者 连泓乔,华南理工计算机科学与技术大三在读,主要研究容器领域,Kubernetes.容器等云原生技术爱好者,SuperEdge 优秀贡献者. 王冬,腾讯云研发工程师,专注于 Kubernetes. ...

  2. 启动线程组报错：Error occurred starting thread group :test_1, error message:Invalid duration 0 set in Thread Group:test_1, see log file for more details

    线程组基础信息都已经配置好,启动时报错,如下图: 排查原因:勾选了线程组调度器,并未设置参数 解决方案:取消勾选或者设置参数

  3. MybatisPlus（一）——

    MybatisPlus https://www.cnblogs.com/JohanChan/p/14982870.html

  4. Sentry Web 性能监控 - Web Vitals

    系列 1 分钟快速使用 Docker 上手最新版 Sentry-CLI - 创建版本 快速使用 Docker 上手 Sentry-CLI - 30 秒上手 Source Maps Sentry For ...

  5. Robot Framework 面试题

    什么是 RF 基于可扩展关键字驱动的自动化测试框架 什么是可扩展关键字驱动 可扩展意味着可以自己开发,也可以调用第三方的关键字库 关键字驱动意味着测试用例都是围绕着关键字运行的 RF 的原理(框架?) ...

  6. JPA实现泛型baseServcie+Mybatis

    在开发的过程中,我们总无法避免不同的实体类会去实现相同的操作(增删查改,分页查询等),因此在开发时,我们期望泛型将通用的方法进行包装,使我们能够专注于实体类自身的独特方法,而非一般性常用且重复性高的方 ...

  7. undefined和null

    undefined和null undefined的情景: 声明变量为赋值 var name; console.og(name); //undefined 访问对象上不存在的属性 var obj={} ...

  8. 【转载】linux 工作队列上睡眠的认识--不要在默认共享队列上睡眠

    最近项目组做xen底层,我已经被完爆无数遍了,关键在于对内核.驱动这块不熟悉,导致分析xen代码非常吃力.于是准备细细的将 几本 linux 书籍慢慢啃啃. 正好看到LINUX内核设计与实现,对于内核 ...

  9. HDU2094产生冠军 （拓扑排序）

    HDU2094产生冠军 Description 有一群人,打乒乓球比赛,两两捉对撕杀,每两个人之间最多打一场比赛. 球赛的规则如下: 如果A打败了B,B又打败了C,而A与C之间没有进行过比赛,那么就认 ...

  10. mybatis if else if 条件判断SQL片段表达式取值和拼接

    前言 最近在开发项目的时候涉及到复杂的动态条件查询,但是mybaits本身不支持if elseif类似的判断但是我们可以间接通过 chose when otherwise 去实现其中choose为一个 ...