什么是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. 下周文件ie 谷歌兼容性处理

    https://blog.csdn.net/u014628388/article/details/81738704 问题描述window.URL.createObjectURL()可以直接生成blob ...

  2. 超级简单的checkbox赋值,用于记住登陆名

    <input name="rememberme" type="checkbox" id="rememberme" onclick=&q ...

  3. URL相关的工具类

    package com.opslab.util.web; import com.opslab.util.CharUtil;import com.opslab.util.CharsetUtil;impo ...

  4. 标量子查询调优SQL

    fxnjbmhkk4pp4 select /*+ leading (wb,sb,qw) */ 'blocker('||wb.holding_session||':'||sb.username||')- ...

  5. Jackson解析自定义json到实体类

    json文本 { "status": 0, "result": { "final": true, "hypotheses" ...

  6. JSON和JSONP具体是干神马的呢? (含jQuery实例)

    说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨域可以通过服 ...

  7. 系统调用system call以及strace/dtruss

    计算机系统的各种硬件资源是有限的,在现代多任务操作系统上同时运行的多个进程都需要访问这些资源,进程是不允许直接操作这些资源的,所有对这些资源的访问都必须有操作系统控制.也就是说操作系统是使用这些资源的 ...

  8. CF1237D Balanced Playlist

    思路:假设从第i首歌开始听,结束位置为j,那么从第i+1首歌开始听,结束位置一定不早于j.可以用反证法证明.想到这一点,就不难解决了. 实现: #include <bits/stdc++.h&g ...

  9. Actor模型的状态(State)+行为(Behavior)+邮箱(Mailbox)

    状态(State)+行为(Behavior)+邮箱(Mailbox) 基于Actor模型的CQRS.ES解决方案分享 开场白 大家晚上好,我是郑承良,跟大家分享的话题是<基于Actor模型的CQ ...

  10. dotnet core use Redis to publish and subscribe

    安装Redis 同样我这边再次使用Docker, 方便快捷: # 拉取镜像 docker pull redis # 运行镜像 docker run -d -p 6379:6379 --name red ...