初学HTML

已于 2022-02-14 16:21:22 修改
阅读量107 收藏
点赞数
文章标签： html 前端
于 2022-02-14 16:12:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_66279023/article/details/122917561
版权

文章目录

前言

随着科技的不断发展，HTML学习这门技术也越来越重要，很多人都开启了学习HTML学习，本文就介绍了HTML学习的基础内容。

一、HTML是什么？

HTML

Hyper Text  Markup  Language   (超文本标记语言）

  • 超文本包括：文字、图片、音频、视频、动画等

二、W3C标准

W3C

World Wide Web Consortium  (万维网联盟)

  • 成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机构
  • http://www.w3.org/
  • http://www.chinaw3c.org/

W3C标准包括：

  • 结构化标准语言（HTML、XML）
  • 表现标准语言（CSS）
  • 行为标准（DOM、JAVASCRIPT）

三、网页基本信息

HTML的注释：<!--  -->

HTML的基本结构：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

网页基本信息

  • DOCTYPE声明
  • <title>标签
  • <meta>标签
<!-- DOCTYPE:告诉浏览器，我们要使用什么规范-->
<!DOCTYPE html>
<html lang="en">
<!--head标签代表网页头部-->
<head>
<!--meta描述性标签，它用来描述我们网站的一些信息 -->
<meta charset="UTF-8">
<meta name="keywords"content="菜鸟学HTML，百度">
<meta name="description"content="来这个地方可以学习HTML">
<!-- title网页标题-->
<title>Title</title>
</head>
<!--body标签代表网页主体-->
<body>
Hello World!
</body>

</html>

四、网页基本标签

  1. 标题标签
  2. 段落标签
  3. 换行标签
  4. 水平线标签
  5. 字体样式标签
  6. 注释和特殊符号
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>基本标签学习</title>
</head>
<body>
<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>
<!--段落标签-->
<p>一闪一闪亮晶晶 一闪一闪亮晶晶 </p>
<p>满天都是小星星 挂在天空放光明 </p>
<p>好像千万小眼睛 一闪一闪亮晶晶 </p>
<!--水平线标签-->
<hr/>
<hr>
<!--hr后加/表示自闭和标签-->
<!--换行标签-->
一闪一闪亮晶晶 一闪一闪亮晶晶 <br/>
满天都是小星星 挂在天空放光明 <br/>
好像千万小眼睛 一闪一闪亮晶晶 <br/>
<!--字体样式标签-->
<!--粗体，斜体-->
<h1>字体样式标签</h1>
i love you
粗体：<strong>i love you</strong>
斜体：<em>i love you</em>
<!--注释和特殊符号-->
<!--特殊符号-->
空格：
空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格
<br>
大于号：&gt;
<br/>
小于号：&lt;
版权符号：&copy;
</body>

</html>

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了HTML的内容，而HTML提供了大量能使我们快速便捷地编辑网页的方法。

m0_66279023
关注
前端+HTML+JS+CSS+四大天王+初学html者
05-02
本文将深入探讨“前端+HTML+JS+CSS”，以及所谓的“四大天王”概念，这对于初学HTML者来说是非常重要的基础知识。 首先，前端开发是关于创建网页和应用程序的用户界面，包括布局、交互、视觉设计等。它主要由三个...
初学HTML 网站源码-自己做的
07-28
本资源“初学HTML 网站源码-自己做的”是一个专门为初学者设计的HTML实践项目，旨在帮助初学者通过实际操作来提升技能。 该源码网站可能包含了一系列的HTML文件，每个文件代表一个网页，例如首页、新闻页面或网址...
html基本标签
hu20210623的博客
07-31 99
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本标签学习</title> </head> <body> <!--标题标签--> <h1>一级标签</h1> <h2>二级标签</h2> <h3>三级标签</h3> <
HTML基本信息标签
XYzuiyou的博客
04-01 199
网页基本标签 标题标签 段落标签 换行标签 水平线标签 字体样式标签 注释和特殊符号 标题标签 我们新建一个2.基本标签 的Html.file 在输入 <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h1></h1> 就是我们标题标签的标签 段落标签 段落标签 用来表示 我们用浏览器打开一下 就会发现，已经换行
网页基本信息
山河居
03-09 162
<!--DOCTYPE：告诉浏览器，我们要使用什么格式--> <!DOCTYPE html> <html lang="en"> <!--head标签代表网页头部--> <head> <!-- meta描述性标签，它用来描述我们网站的一些信息--> <!-- meta一般用来做seo--> <meta charset="UTF-8"> <meta name="keywords" c
HTML|网页基本信息
Alan_Lowe
07-12 543
HTML|网页基本信息 1.注释 HTML的注释的格式是： 代表结束 例如： <!-- 注释 --> IDEA中 ctrl+/即可快捷生成注释 2.DOCTYPE 文档类型，它的作用是告诉浏览器要使用什么规范 例如： <!DOCTYPE html> 这句话呢，就是告诉了浏览器要使用html规划，但是浏览器默认的规范就是html，所以这句话我们去掉也是可以的。 3.html标签 <html lang="en"> </html> 4.head标签 &l
页面信息
WilliamCastle的专栏
03-14 247
Request URL:http://www.scaic.gov.cn:7001/wsgs/mcSearch.do?method=searchJbxx Request Method:POST Status Code:200 OK Request Headersview source Accept:text/html,application/xhtml+xml,application/xml...
初学Html 5 + CSS 3 +JS自主编写新年倒计时网页
06-14
初学Html 5 + CSS 3 +JS自主编写新年倒计时网页，可以根据自己的需求来更改里面的内容，适合初学者来借鉴；大神勿喷！！！还请大神们提出宝贵的意见，感谢！
Html初学练习.zip
最新发布
01-01
Html初学练习Html初学练习Html初学练习Html初学练习 Html初学练习Html初学练习Html初学练习Html初学练习 Html初学练习Html初学练习Html初学练习Html初学练习 Html初学练习Html初学练习Html初学练习Html初学练习 Html...
html初学者入门教程
05-22
在探讨HTML初学者入门教程之前，我们首先需要理解HTML是什么。HTML，全称为超文本标记语言（Hypertext Markup Language），是一种用来创建网页的标准标记语言。HTML文件是包含文本内容和标记（tags）的特殊文本文件...
网页信息展示
qq_41700466的博客
09-16 803
网站信息展示 [ ] #### 需求—在页面展示一些文字信息，需要排版 [ ] #### 技术分析—html:超文本标签语言 htlm 作 用：展示 超文本：超越了一般文本，描述文本的字体、颜色、图片 标 签：标记 html书写规则： ​ 文件的后缀名 .html(建议...
获取页面信息
pugongying_00的博客
04-12 367
driver.current_url :当前页面的URL路径driver.title：当前页面的title名称driver.name：当前浏览器名称driver.page_source：当前html页面源码driver.capabilities['browserVersion']:当前浏览器版本号...
网页的基本信息
Java学不会的博客
05-08 188
<!--DOCTYPE：告诉浏览器，我们要使用的规范--> <!DOCTYPE html> <html lang="en"> <!--head标签代表网页头部--> <head> <!-- meta描述标签，用来描述网页的一些信息 --> <!-- meta一般用来做SEO（搜索引擎优化） --> <meta charset="UTF-8"> <meta name=
html学习——网页基本信息
greedyguttler的博客
02-21 121
html第一次学习 网页基本信息 DOCTYPE : 告诉浏览器，我们要使用的规范 head：表示网页的头部 meta:描述性标签用来描述网站的一些信息 meta一般用来做seo title：网页标题 body：代表网页主体
抓取网页页面信息
我们已不在年轻
04-06 333
不借助第三方工具（httpUnit,htmlparse） 想获得也个网站的某个页面的信息，关键是能顺利请求到该页面。某些网站进行加密和其他技术可以防止被抓，那就很难你得逞了。 我抓的是51job招聘列表页，问题关键是怎么查找下一页。51的是通过post方式提交表单，这时就要把所有参数查找出来，通过parameter写入请求信息中。 请求连接方法 [code="java"] privat...
页面信息采集
66
03-17 779
原理：利用页面为get方式传值可获取多页分页信息，批量分析数据，录入数据库 注：此处用到某人写的字符串处理方法，using Globe.Common;    @-@||| 页面：输入要采集的网址：|   http://...    |输入总页数：|   350   |输入希望学的语言：|   英语   |{ 开始采集分析数据 } 代码：    ///
HTML5——网页的基本信息
万里顾一程的博客
10-28 362
HTML5——网页基本信息 <!--注释的写法，快捷键CTRL+/--> <!--DOCTYPE作用：告诉浏览器我们要使用什么规范 ，不写默认也是html--> <!DOCTYPE html> <!--向搜索引擎表示该页面是html语言，并且语言为英文，其"lang"的意思就是“language”，而“en”即表示english，你的网页如果是中文网页，可将其改为 <html lang="zh"> --> <html lang="en"&
"初学HTML实例网页代码及个人网站设计实践
HTML实例网页代码是一段适合于初学HTML的同学使用的代码。这段代码中包含了CSS的样式设置以及div的样式布局，使得该实例较为全面，对学生的学习有很大的帮助。本文将通过从设计个人网站开始，并将其转换为代码的过程...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值