什么是HTML?

HTML 是用来描述网页的一种语言。

   0.HTML 指的是超文本标记语言

   1.HTML 不是一种编程语言,而是一种标记语言

   2.标记语言是一套标记标签

   3.HTML 使用标记标签来描述网页

//HTML基本组成
1.<html> 与 </html> 之间的文本描述网页 2.<body> 与 </body> 之间的文本是可见的页面内容 3.<h1> 与 </h1> 之间的文本被显示为标题 4.<p> 与 </p> 之间的文本被显示为段落 //基本HTML标签
1.HTML 标题是通过 <h1> - <h6> 等标签进行定义的 <h1>-<h6>之间(h1最大-依次减小) 2.HTML 段落是通过 <p> 标签进行定义的 <p> 与 </p> 之间的文本被显示为段落 3.HTML 链接是通过 <a> 标签进行定义的
例如:<a href="www.zitedu.com">这是一个链接 </a> 4.HTML 图像是通过 <img> 标签进行定义的
例如:<img src="图片.jpg" width="400" height="150" /> <html> 定义 HTML 文档
<body> 定义文档的主体
<h1> to <h6> 定义 HTML 标题
<hr> 定义水平线
<!--> 定义注释
<p> 定义段落
<br /> 插入单个折行(换行)
一:各种标签的练习

Html和CSS的关系

学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。

  1.1.1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

  1.1.2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

  1.1.3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的 简称为JS交互

认识html标签

1.2.1:p 段落标签  <p> 与 </p> 之间的文本被显示为段落 

1.2.2:strong 加粗强调标签、span 自定义文本样式标签

1.2.3:q 标签,短文本引用(q是quote缩写)

1.2.4:blockquote 标签,长文本引用、使用 br 标签分行显示文本、nbsp 空格标签、hr标签,添加水平横线

1.2.5:address 标签,为网页加入地址信息

1.2.6:code 标签,为网页加入代码

1.2.7:pre 标签,为你的网页加入大段代码

1.2.8:ul 标签,添加无序列表、ol 标签,添加有序列表、div 标签,提供唯一的名称,这个就像我们每个人都有一个身份证号,这个身份证号是唯一标识我们的身份的,也是必须唯一的

1.2.9:table 标签,网页上的表格

1.3.0补充 {
<html> 定义 HTML 文档
<body> 定义文档的主体
<h1> to <h6> 定义 HTML 标题 <h1>-<h6>之间(h1最大-依次减小)
<hr> 定义水平线
<!--> 定义注释
<br /> 插入单个折行(换行) HTML 链接是通过 <a> 标签进行定义的
例如:<a href="www.zitedu.com">这是一个链接 </a> HTML 图像是通过 <img> 标签进行定义的
例如:<img src="图片.jpg" width="400" height="150" />
}

H5 - 简学的更多相关文章

  1. 简学Python第二章__巧学数据结构文件操作

    #cnblogs_post_body h2 { background: linear-gradient(to bottom, #18c0ff 0%,#0c7eff 100%); color: #fff ...

  2. 简学Python第一章__进入PY的世界

    #cnblogs_post_body h2 { background: linear-gradient(to bottom, #18c0ff 0%,#0c7eff 100%); color: #fff ...

  3. 简学Python第四章__装饰器、迭代器、列表生成式

    Python第四章__装饰器.迭代器 欢迎加入Linux_Python学习群  群号:478616847 目录: 列表生成式 生成器 迭代器 单层装饰器(无参) 多层装饰器(有参) 冒泡算法 代码开发 ...

  4. 十二、mysql sql_mode 简学

    .一般默认情况下sql_mode默认为空,也就是不严格的sql检查 .如果sql_mode为空的情况下,测试: )); //定义一个name字段长度为定长2的tt3表 insert into tt3 ...

  5. 简学LINGO(三)——实例篇

    1. 装配线平衡模型 一个装配线含有一系列的工作站.在终于产品的加工过程中每一个工作站运行一种或者是几种特定的任务.装配线周期是指全部工作站完毕分配给他们各自任务所花费时间的最大值.平衡装配线的目标是 ...

  6. 简学Python第三章__函数式编程、递归、内置函数

    #cnblogs_post_body h2 { background: linear-gradient(to bottom, #18c0ff 0%,#0c7eff 100%); color: #fff ...

  7. 简学Python第六章__class面向对象编程与异常处理

    Python第六章__class面向对象编程与异常处理 欢迎加入Linux_Python学习群  群号:478616847 目录: 面向对象的程序设计 类和对象 封装 继承与派生 多态与多态性 特性p ...

  8. 简学Python第七章__class面向对象高级用法与反射

    Python第七章__class面向对象高级用法与反射 欢迎加入Linux_Python学习群  群号:478616847 目录: Python中关于oop的常用术语 类的特殊方法 元类 反射 一.P ...

  9. myBatis简学

    mybatis使用: ①拷贝相关mybits ②编写对象关系映射,一般都是实体类名+Mapper.xml的格式 ③编写mybits配置文件: a)配置环境 b)配置映射文件地址 ④编写对象操作方法: ...

随机推荐

  1. PHP判断文件大小是MB、GB、TB...

    <?php date_default_timezone_set ("PRC" ); function getFilePro($fileName){ if (!file_exi ...

  2. vs 设置护眼背景颜色

    工具 —> 选项 —> 环境 —> 字体和颜色 —> 纯文本(显示项中) —> 项目背景 —> 自定义—> 色调位85.饱和度123.亮度205,保存即可.测 ...

  3. RabbitMQ 入门教程(PHP版) 第三部分:发布/订阅(Publish/Subscribe)

    发布/订阅 在上篇第二部分教程中,我们搭建了一个工作队列.每个任务之分发给一个工作者(worker).在本篇教程中,我们要做的之前完全不一样——分发一个消息给多个消费者(consumers).这种模式 ...

  4. 【WebView】Android WebView中的Cookie操作

    Hybrid App(混合式应用)的开发过程中少不了与WebView的交互,在涉及到账户体系的产品中,包含了一种登录状态的传递.比如,在Native(原生)界面的登录操作,进入到Web界面时,涉及到账 ...

  5. Linux的桌面虚拟化技术KVM(一)——新建KVM虚拟机

    (1).虚拟化产品对比介绍 虚拟化技术有以下三种:仿真虚拟化,这是一种对系统硬件没有要求,但性能最低的虚拟化技术:半虚拟化,这是一种直接使用物理硬件,性能高,但需要修改内核的虚拟化技术:全虚拟化,这是 ...

  6. class类名在webpack项目中的两种引用方式

    一.问题描述 在项目工程中,我们通常既用到css module,也用到普通的less文件引用方式,代码及webpack配置如下,运行时,发现只有css module起作用,如何让两者都起作用呢? // ...

  7. div定位relative和absolute和float测试3

    position等于absolute的时候,不一定是相对于浏览器定位,当div存在包含关系时,父div设置成relative,其中包含的div设置成absolute就是相对于该父div的了.该文测试了 ...

  8. Tomcat教程(转)

    转载链接: https://www.cnblogs.com/jingmoxukong/p/8258837.html?utm_source=gold_browser_extension 简介 Tomca ...

  9. 【计算机视觉】车牌识别开源框架EasyPR介绍

    之前学习了一个GitHub开源的框架,GitHub地址为: https://github.com/liuruoze/EasyPR  希望通过此篇博客详细阐述如何一步步实现车牌的识别过程.  车牌识别分 ...

  10. NMF包的安装

    win10 操作系统,R3.4版本 NMF包的下载 source("https://bioconductor.org/biocLite.R") biocLite("Bio ...