什么是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. net.ipv4.tcp_fin_timeout的错误理解

        按照文档的说法,貌似长久以来我对于tcp_fin_timeout的理解都是错误的 先备份在这里,再验证 提高Linux应对短连接的负载能力 在存在大量短连接的情况下,Linux的TCP栈一般都 ...

  2. 真正的能理解CSS中的line-height,height与line-height

    https://blog.csdn.net/a2013126370/article/details/82786681 在最近的项目中,常常用到line-height,只是简单的理解为行高但并没有深层次 ...

  3. ModSecurity:一款优秀的开源WAF

    一.ModSecurity3.0介绍 ModSecurity是一个开源的跨平台Web应用程序防火墙(WAF)引擎,用于Apache,IIS和Nginx,由Trustwave的SpiderLabs开发. ...

  4. ISO/IEC 9899:2011 条款6.5.5——乘法操作符

    6.5.5 乘法操作符 语法 1.multiplicative-expression: cast-expression multiplicative-expression    *    cast-e ...

  5. 泡泡一分钟:Aided Inertial Navigation: Unified Feature Representations and Observability Analysis

    http://udel.edu/~yuyang/downloads/tr_observabilityII.pdf Aided Inertial Navigation: Unified Feature R ...

  6. visual studio code利用自身携带debug调试

    在.vscode文件夹下,添加如下文件 1) launch.json 内容如下 { "version": "0.2.0", "configuratio ...

  7. Eureka 与 zookeeper 的区别、

    前言在微服务的开发过程中,如果使用的是 Dubbo 那就必须使用到 Zookeeper ,在使用 Spring Cloud Eureka 时,自然其功能更强大得多.博主也不得不感叹,Spring Cl ...

  8. 【Leetcode_easy】893. Groups of Special-Equivalent Strings

    problem 893. Groups of Special-Equivalent Strings 题意: 感觉参考代码也是有点问题的... 参考 1. Leetcode_easy_893. Grou ...

  9. 01点睛Spring4.1-依赖注入

    转载:https://www.iteye.com/blog/wiselyman-2210252 1.1 声明bean 使用上例建立的testMavenSpring项目,将pom.xml文件中的 < ...

  10. robot:List变量的使用注意点

    创建list类型变量,两种方式,建议使用Create List关键字 使用该列表变量时需要变为${}方式,切记切记!