前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >初识HTML(二)---认识HTML文件

初识HTML(二)---认识HTML文件

作者头像
代码哈士奇
发布2021-01-26 15:36:46
1.8K0
发布2021-01-26 15:36:46
举报
文章被收录于专栏:dmhsq_csdn_blog

认识HTML文件

文件格式 .html

如果不想下载工具 推荐菜鸟的在线编辑

点击文件 新建 项目 建立一个空项目

本文只介绍部分标签用法,其他的大家可以看手册

head标签具体用法大家可以看w3c的 手册 外部引用一些文件链接到某个html文件中时,也需要写在head标签(后面会讲到)

创建完成后

代码语言:javascript
复制
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

接下来要学习的就是html的标签,好比一个机器人有了外壳,但是需要塞一些东西进去,它才会看起来有血有肉

h标签

如下图 h标签是标题标签 数字123456表示标签等级 也可以理解为大小

代码语言:javascript
复制
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>代码哈士奇</h1>
		<h2>代码哈士奇</h2>
		<h3>代码哈士奇</h3>
		<h4>代码哈士奇</h4>
		<h5>代码哈士奇</h5>
		<h6>代码哈士奇</h6>
	</body>
</html>

a标签

用来定义超链接

代码语言:javascript
复制
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	<a href="https://blog.csdn.net/qq_42027681/category_10546299.html">我是傻狗</a>
	</body>
</html>

img标签

定义图像

代码语言:javascript
复制
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	<img src="https://avatar.csdnimg.cn/1/4/4/3_qq_42027681_1604461210.jpg" />
	</body>
</html>

演示视频

初识HTML视频1

大家也可以把百度一下的代码保存自己运行下,看看效果

本次内容讲到这里,大家可以查阅手册进行别的练习。

后续会推出

前端:js入门 vue入门 vue开发小程序 等 后端: java入门 springboot入门等 服务器:mysql入门 服务器简单指令 云服务器运行项目 python:推荐不温卜火 一定要看哦 一些插件的使用等

大学之道亦在自身,努力学习,热血青春

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020/11/04 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 认识HTML文件
    • h标签
      • a标签
        • img标签
          • 演示视频
          相关产品与服务
          云服务器
          云服务器(Cloud Virtual Machine,CVM)提供安全可靠的弹性计算服务。 您可以实时扩展或缩减计算资源,适应变化的业务需求,并只需按实际使用的资源计费。使用 CVM 可以极大降低您的软硬件采购成本,简化 IT 运维工作。
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档