什么是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. python中的raise用法

    date ; 2019-08-22 15:10:56 try: s = None if s is None: print("s shi kong de ") raise NameE ...

  2. SSH SCP 远程密钥登录配置和服务器间的文件传输

    目录 ssh ssh是什么 ssh安装 使用ssh登录远程主机 退出登录 使用ssh执行单条指令 密钥验证 详细操作 scp rsync sftp 进阶 ssh ssh是什么 ssh (Secure ...

  3. 生成model笔记

    https://github.com/yscacaca/DeepSense/tree/master/android_test这个才是真正的部署代码,跑这个代码就好. 跑python sample_mo ...

  4. npm WARN deprecated fsevents windows

    更新下 使用yarn貌似会帮助跳过这个问题: info fsevents@2.1.2: The platform "win32" is incompatible with this ...

  5. flutter Checkbox 复选框组件

    import 'package:flutter/material.dart'; class CheckboxDemo extends StatefulWidget { @override _Check ...

  6. windows下安装node【转】

    windows下安装node报错2503.2502 windows下命令行安装,首先使用管理员权限获取cmd msiexec /package node-v10.16.0-x64.msi 根据提示一步 ...

  7. linux非root用户安装ncurses-devel依赖

    很明显,如果我们通过yum或rpm下载安装,始终无法绕开root用户,除非我们不用yum或rpm.嗯,我们直接用源码安装.下载源码包,到http://ftp.gnu.org/gnu/ncurses/我 ...

  8. VS2010配置OpenGL开发环境(转)

    OpenGL(Open Graphics Library)是一个跨编程语言.跨平台的专业图形程序接口.OpenGL是SGI公司开发的一套计算机图形处理系统,是图形硬件的软件接口,任何一个OpenGL应 ...

  9. 基于Java API for WebSocket (JSR-356)的标准websocket客户端

    maven依赖 springboot <dependency> <groupId>org.springframework.boot</groupId> <ar ...

  10. k8s中实现永久无法删除一个pod---也就是在deployment.yaml中定义副本数量

    参照:https://www.cnblogs.com/effortsing/p/10486960.html 这里面的deployment.yaml对应的pod就是永久无法删除的