保姆级的HTML零基础教程少见吧?这是第一节(1)

作者简介

作者名:1_bit
简介:CSDN博客专家,2020年博客之星TOP5,蓝桥签约作者。15-16年曾在网上直播,带领一批程序小白走上程序员之路。欢迎各位小白加我咨询我相关信息,迷茫的你会找到答案。

目录

HTML基础之bit哥的反客为主之道(9)—— <big></big> 放大标签 h5不支持、 <center></center> 居中h5不支持、<blockquote></blockquote> 引用标签

赶紧3分钟学完15分钟的内容我要出去玩(8)—— <big></big> 放大标签 h5不支持、 <center></center> 居中h5不支持、<blockquote></blockquote> 引用标签

我使用 html 反向输出自己打自己(7)——<a>超链接、<bdo>覆盖

我化身保姆为你提供 html 教学服务(6)——<b>加粗、<br>换行、<hr>分隔

我开始一直以为网页制作好难(5)——<h1></h1> 标题、<p></p> 段落、

你知道出现“乱码”的原因是什么吗?(4)——编码、<title></title> 网页标题、

一个基础的 HTML 文档有哪些标签?第一节(3)—— <!DOCTYPE html>说明、<head></head> 头部、<body></body> 主体、

使用 Vscode 编写 HTML 文档竟然可以自动写代码(2)—— vscode、快捷方式

保姆级的HTML零基础教程少见吧?这是第一节(1)——介绍、鸡汤

一、简介

1.1 什么是 HTML

👸小媛:bit 哥,html 是什么东西?他们说可以用来做网页,我觉得好像很好玩的样子。😊

🐶1_bit:HTML 的英文全称是 HyperText Markup Language,是一种超文本标记语言,用来描述整个网页如何去进行编排。

👸小媛:编排啥意思?😌

🐶1_bit:意思就是通过 HTML 的描述,浏览器可以知道该元素如何显示,需要使用什么颜色、宽度、大小等信息。

👸小媛:啊?!不懂,那这个 HTML 是编程吧?😁

🐶1_bit:不是的哟~ HTML 并不是编程语言,HTML 是一种描述性的语言,通过对指定内容进行描述,或者说是标记,那么该元素就可以通过这个标记在浏览器中显示这个标记特定的呈现形式。

👸小媛:我觉得你需要跟我讲解示例我才能清楚你说的编排是什么意思。

🐶1_bit:行吧,我们接下来就用示例给你看一下吧。

二、元素

🐶1_bit: 首先你需要知道一点,一个 Web 页面一般情况下是通过 HTML 语言对需要显示的文本进行描述,从而生成(当然可以不用进行描述)。

👸小媛:明白了,你的意思就是一个网页就是通过 HTML 对一些文本进行标记,然后就显示成那个样子了对吧?😥

🐶1_bit: 是的。例如现在有一个文本为 “这是我的第一个 HTML 知识点”,我们需要使用这个文本,在网页中用作标题的样式进行显示,那该如何去做呢?

👸小媛:怎么做?

🐶1_bit: 先给你直接看下这个语言怎么写,等下我们直接创建一个 HTML 文件。我们需要标记这个文本,需要使用到一个标题的标签(标记),对这个文本进行标记即可,例如如下代码示例:

<h1>这是我的第一个 HTML 知识点</h1>

👸小媛:明白来,就是把这个文本放到一个特定的标签之间就可以了吧?

🐶1_bit: 是的,以上示例语言中,<h1></h1> 是一对标签,其中 <h1> 是头部标签,带有斜杆的 </h1> 是结束标签,所需要使用标题标签 <h1></h1> 进行描述的语言,只需要放在<h1></h1>之间即可。那么这整一段如上的语言示例,叫做元素,整个网页就是用这些元素组成的。


👸小媛:唔,明白了。

三、开始编写一个 html

👸小媛:那我怎么去编写一个 html 网页呢?😥

🐶1_bit: 编写网页很简单,直接在计算机桌面创建一个文本文件就可以了。

👸小媛:你确定?😩

🐶1_bit:当然还有别的步骤。我们接下来打开这个文本,在里面输入你想输入的内容。例如在这里我们输入 “这是 csdn 1_bit blog:blog.csdn.net\A757291228”。

👸小媛:然后呢?我觉得你这样做一点都不要靠谱的感觉。

🐶1_bit:接下来我们直接另存为这个文本后缀为 HTML 格式就可以了。

👸小媛:ヾ(≧O≦)〃嗷~,明白了。你是另存为一个 html 文件,保存类型一定要选择所有文件,然后在名字后面加个 .html 作为后缀名这样就成为来一个网页文件了。

🐶1_bit:是的,明白了吧,这个时候你可以打开网页看一下,看看有什么内容。

👸小媛:打开了,这个时候将会出现文本。


🐶1_bit:这样就完成了一个基本网页的制作。

👸小媛:我觉得好敷衍呀。😩

🐶1_bit:没有呀,这是第一节,先了解了解,接下来我们继续进行详细的讲解。

👸小媛:你说了算。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/286894.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

WPF 通用权限开发框架 (ABP)

前言对于大部分.NET 开发者来说, 都比较熟悉目前流行的ABP框架, 基于开源的ABP框架, 可以自己进行二次开发, 无需重新开发一些基础功能,例如: 用户角色管理、权限、组织、多租户等等。但是对于ABP框架来说, 提供给.NET开发者的可选项非常少, 目前也仅仅是提供了基于Web的解决方…

MongoDB 3.0 新增特性一览

引言 在历经版本号修改&#xff08;2.8版本直接跳到3.0版本&#xff09;和11个rc版本之后&#xff0c;MongoDB3.0于2015年3月3日正式发布。可以毫不夸张的说&#xff0c;该版本的新增特性标志着MongoDB这款典型的NoSQL数据库已经进入了一个全新的发展阶段。本文以下内容会逐个盘…

淘宝网的技术发展史(一)——个人网站时代

《天下网商经理人》十月刊开始将连载系列文章《淘宝网的技术发展史》&#xff0c;为读者描述淘宝网在整个发展过程中&#xff0c;所有的主动和被动的技术变革的前因后果。 文/淘宝技术大学培训专家 子柳 前言 11月11日&#xff0c;这个棍子最多的日子被网民自我调侃变成了一个…

使用 Vscode 编写 HTML 文档竟然可以自动写代码(2)

作者简介 作者名&#xff1a;1_bit 简介&#xff1a;CSDN博客专家&#xff0c;2020年博客之星TOP5&#xff0c;蓝桥签约作者。15-16年曾在网上直播&#xff0c;带领一批程序小白走上程序员之路。欢迎各位小白加我咨询我相关信息&#xff0c;迷茫的你会找到答案。 目录 HTML基…

为什么 Docker 和 Kubernetes 是用 Go 写的而不是 C# ?

这是 Reddit 平台上面这几天一篇比较热门的帖子, 非常有意思&#xff0c;本文我列出了几个高赞的回答。&#x1f466; HahahahahaSoFunny为什么 Docker 和 Kubernetes 工具是用 Go 写的而不是 C#&#xff1f;总所周知&#xff0c;现在开发人员使用的很多新工具大多是用 Go 写的…

打造最舒适的webview调试环境

你在做移动web开发的时候是不是只是在Chrome下开启移动模式&#xff0c;然后就啪啪啪闷头敲代码了&#xff1f;如果你平时只是做做宣传页&#xff0c;Chrome的移动模式可能就能满足你。但是现在越来越多的应用采用Hybrid的开发方式&#xff0c;这样的话就可能在web页面上调用we…

淘宝网的技术发展史(二) ——Oracle替换MySQL

本文是《淘宝网的技术发展史》系列连载文的第二篇&#xff0c;在告别个人网站时代后&#xff0c;淘宝网的技术发展迎来了由Oracle开启的第二个时代。文/淘宝技术大学培训专家 子柳MySQL撑不住了 淘宝网作为个人网站发展的时间其实并不长&#xff0c;由于它太引人注目了&#xf…

Android之抓取adb logcat全日志后怎么过滤掉只包含当前app进程的日志(一般抓启动app奔溃日志)

1 、问题 有时候我们启动APP的时候&#xff0c;APP奔溃&#xff0c;在android studio里面日志可能冲掉&#xff0c;或者是云平台的手机安装的app&#xff0c;根本就没有android stduio&#xff0c;那我们用什么办法快速知道启动奔溃日志呢&#xff1f; 2、解决办法 我们先需要…

一个基础的 HTML 文档有哪些标签?(3)

作者简介 作者名&#xff1a;1_bit 简介&#xff1a;CSDN博客专家&#xff0c;2020年博客之星TOP5&#xff0c;蓝桥签约作者。15-16年曾在网上直播&#xff0c;带领一批程序小白走上程序员之路。欢迎各位小白加我咨询我相关信息&#xff0c;迷茫的你会找到答案。 目录 HTML基…

能上架App的GooglePlay开发者账号获取流程

googleplay 开发者账号申请流程 接到公司号召&#xff0c;要让我们的app走向世界&#xff0c;上架GooglePlay&#xff0c;都说天朝的Android 程序员是折翼的天使&#xff0c;猛然发现写了做么多年的Android&#xff0c;竟然不知道怎么成为GooglePlay开发者。 以前尝试过&#x…

如何让 ASP.NET Core 支持绑定查询字符串中的数组(2)

前言上回说到&#xff0c;我们实现了IntArrayModelBinder&#xff0c;可以让 ASP.NET Core 绑定查询字符串中的数组。但是必须显示指定ModelBinder&#xff1a;public string Get([FromQuery][ModelBinder(BinderType typeof(IntArrayModelBinder))] int[] values)而官方提供的…

淘宝网的技术发展史(三)——分布式时代

本文是《淘宝网的技术发展史》系列连载文的第三篇。在系统发展的过程中&#xff0c;架构师的眼光至关重要&#xff0c;作为程序员&#xff0c;把功能实现即可&#xff1b;但作为架构师&#xff0c;要考虑系统的扩展性、复用性&#xff0c;这种敏锐的感觉&#xff0c;有人说是一…

你知道出现“乱码”的原因是什么吗?(4)

作者简介 作者名&#xff1a;1_bit 简介&#xff1a;CSDN博客专家&#xff0c;2020年博客之星TOP5&#xff0c;蓝桥签约作者。15-16年曾在网上直播&#xff0c;带领一批程序小白走上程序员之路。欢迎各位小白加我咨询我相关信息&#xff0c;迷茫的你会找到答案。 目录 HTML基…

Android应用程序线程消息循环模型分析(4)

接下来我们再看看应用程序的配置文件AndroidManifest.xml&#xff1a;<?xml version"1.0" encoding"utf-8"?> <manifest xmlns:android"http://schemas.android.com/apk/res/android" package"shy.luo.counter" andr…

GIS专业核心课程电子教材配套实验数据汇总(持续更新)

本文整合了GIS专业核心课程电子pdf教材,包括地理信息系统、地图学、遥感、摄影测量、遥感数字图像处理、工程测量、施工测量、GPS、数字测图、空间数据库、程序设计等,持续更新。 一、ArcGIS10实验教程(配套实验数据) 二、地理信息系统

7月18日实习日志

今天的上午的工作和昨天一样&#xff0c;上午转发了三十篇&#xff0c;基本上没有遇到什么问题。下午还是转载视频和发稿。 转载于:https://www.cnblogs.com/a1107/p/5706351.html

我抓到bit哥了,嘿嘿嘿(5)

作者简介 作者名&#xff1a;1_bit 简介&#xff1a;CSDN博客专家&#xff0c;2020年博客之星TOP5&#xff0c;蓝桥签约作者。15-16年曾在网上直播&#xff0c;带领一批程序小白走上程序员之路。欢迎各位小白加我咨询我相关信息&#xff0c;迷茫的你会找到答案。 目录 HTML基…

遥感、地理空间数据、全国基础数据下载网站大全汇总

本文收集整理了国内外常用的遥感、GNSS、地理空间数据下载网站,可以下载各种格式的矢量、栅格等数据,主要包括遥感影像、NDVI、太阳辐射、数字高程模型等各种地理空间数据,供GISer学习交流使用。 1. 地理空间数据云 该网站为国内学者使用最多的、数据下载方便的网站,可以…

RPA之基于FlaUI的微信发送消息给某人

本文由网友蓝创精英团队投稿&#xff0c;欢迎转载、分享原文作者&#xff1a;蓝创精英团队原文链接&#xff1a;https://kesshei.blog.csdn.net/article/details/124955177目的一直想实现微信的群发功能&#xff0c;但是&#xff0c;没有实现&#xff0c;原因有一条是怕违法&am…

感受机房管理化繁为简-新款KVM使用心得

感受机房管理化繁为简-新款KVM使用心得 一、 背景 随着网络应用的不断增多&#xff0c;各地机房服务器数量也随之增加&#xff0c;利用多传统主机切换器的方式已经无法满足目前这种区域广、设备多人员紧缺的现状&#xff0c;而且即使是使用了一些远程管理软件&#xff0c;实现的…