什么是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 循环输出多重数组元素

    <?php $arr = array( array( array( array( array( ,, ) ) ), array( ,,) ) ), array(, , ) ); function ...

  2. openresty开发系列12--lua介绍及常用数据类型简介

    openresty开发系列12--lua介绍及常用数据类型简介 lua介绍  1993 年在巴西里约热内卢天主教大学(Pontifical Catholic University of Rio de ...

  3. linux后台启动springboot并指定日志文件名称

    如果用nohup启动jar包的话,默认的日志文件就是nohup.out,那么如果启动多个jar包的话,看日志文件就麻烦了,因为他们都会写入到nohup.out文件中. 所以我们来指定一下不同jar包的 ...

  4. Python json序列化时default/object_hook指定函数处理

    在Python中,json.dumps函数接受参数default用于指定一个函数,该函数能够把自定义类型的对象转换成可序列化的基本类型.json.loads函数接受参数objec_thook用于指定函 ...

  5. Python - Django - 在 CBV 中使用装饰器

    urls.py: from django.conf.urls import url from app02 import views urlpatterns = [ # app02 url(r'^app ...

  6. jvm 虚拟机字节码指令表(转)

        

  7. vue-router parmas与query的区别

    $router是路由对象,是一个只写的对象 $route是当前路由的信息对象,是一个只读的对象 带参数路由跳转 1 query参数,这个是作为字符串拼接在url的后面,跟路由没有关系,demo:lis ...

  8. linux系统实现多个进程监听同一个端口

    通过 fork 创建子进程的方式可以实现父子进程监听相同的端口. 方法:在绑定端口号(bind函数)之后,监听端口号之前(listen函数),用fork()函数生成子进程,这样子进程就可以克隆父进程, ...

  9. mysql 查询的所有操作

    数据查询语言DQL 基本查询语法形式 select [all | distinct] 字段或表达式列表 [from子句] [where子句] [group by子句] [having子句] [orde ...

  10. webpack config to use plugin and webpack-dev-server

    Demo3操作手册 本Demo演示如何配合各种plugin进行偏复杂的使用 准备环境 初始化环境, cd到demo1目录之后, 执行如下命令: npm init -y npm install webp ...