7分钟学会HTML网页制作
什么是HTML?
HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。一句话:HTML 是用来描述网页的一种语言。
编写HTML
推荐使用:VS Code
HTML文件结构
起始行
<!DOCTYPE html>
告诉浏览器这是一个HTML文档开始标签
<html>
结束标签
</html>
html根标签,标签都是成对出现的,标签中可以嵌套文本或其他标签
<head>
中定义文档的描述信息<title>
定义title,它会显示在浏览器上
HTML常用标签
标题标签
效果:
段落标签:
效果:
文本样式标签:
效果:
列表标签:
无序列表
效果:
有序列表:
效果:
多媒体标签
图片标签
<img src="./smiley.gif">
视频标签
<video src="./video .mp4" controls></video>
音频标签
<audio src="./audio .mp3" controls></audio>
div标签
块级元素,并没具体的实际意义,主要作用是调整布局样式;
<div> <h1>我的第一个标题</h1>
<p>我的第一个段落。</p> </div>
布局标签
一个简单的H5网页就诞生啦~
更多参考资料可以持续关注我,我会分享更多的自学干货,觉得有帮助可以点赞收藏,感谢支持!
7分钟学会HTML网页制作相关推荐
- 一分钟学会写网页表格
第一步: 类似于制作一个这样的收据,我们需要做的第一步就是分析结构: 左上角的字体 分析一下就知道是一个h2标签, 中间的表格中 ,纵横交错的,分析一下就知道使用了合并,水平合并和垂直合并都有. 那我 ...
- 超快!三分钟学会用3DsMax制作波浪效果!大忙人的你也可以忙里偷闲学技术
准备工具或材料:3DsMax(版本号建议2015~2020,English or Simplified Chinese本篇文章采用2020简体中文版制作) 制作步骤: 一.制作带有倒角的三维文字 1. ...
- 无需编程,一分钟学会词云制作
文字云起源于美国,在英文互联网中早已有了各类各样的词云网站.然后这些网站对中文的支持都不够友好. 最近发现了一个免费的在线中文词云制作网站,用起来爽歪歪.优词云(www.uciyun.com)是一个支 ...
- 三分钟学会画中画的制作,分享详细的制作步骤
很多人会自己剪辑视频,那么剪辑视频的时候有很多技巧,制作画中画该怎么操作呢?不会操作的朋友可以接着往下看,小编分享一个方法制作视频画中画,一起来看看吧. 第一步,运行媒体梦工厂,选择[画中画]页面,点 ...
- 七分钟学会 HTML 网页制作
什么是HTML 点击打开视频讲解更加详细 Hyper Text Markup Language(超文本标记语言) 标签控制排版 体积小,方便传输 编写HTLML 推荐使用:VS Code <!D ...
- 三分钟学会使用HTML制作三角形
首先我们了解在HTML中每一个元素都是一个盒子 盒子是由外边距 边框 内边距 内容组成的 而三角形 是由控制盒子边框构成 如下列代码 下面展示一些 内联代码片. // A code block var ...
- 零基础10天学会网页制作第一天
Hello,大家好,我是AbnerMing,从这篇文章起,我们开始进入为期10天的网页制作学习,具体怎么学习,及未来的就业前景,还请大家去看上一篇文章<零基础10天学会网页制作之前言>,这 ...
- AE教程丨1分钟学会制作信号故障风特效
信号故障风近几年还是很流行的,如何让自己的设计里也能有一些信号故障风的风格呢?今天的教程就来帮助大家学习AE制作故障风视频. AE制作信号故障风视频效果教程 1.在绘图工具内制作相应的文字海报并导入到 ...
- 『5分钟学会windows10系统官方免费的重装U盘的制作』(手把手保姆级图文)
目录 1. 准备一个U盘 2. 前往微软官网下载安装工具 3. 使用微软官方工具,制作重装U盘 3.1 接受许可 3.2 耐心等待 3.3 勾选为另一台电脑创建安装介质 3.4 选择语言.体系结构和版 ...
- 教你用5分钟学会制作电影解说视频,做个百万粉丝的自媒体大咖
教你用5分钟学会制作电影解说视频,做个百万粉丝的自媒体大咖 无论是今日头条还是抖音,或者其他自媒体平台,都能看到很多优秀的电影解说视频,影视解说作为一个泛娱乐领域,在每一个自媒体平台都非常受欢迎的,受 ...
最新文章
- java 视频切片_关于视频播放、视频切片、跨域访问视频
- Delphi判断一个文件是不是JPG图片
- docker php 多端口,docker使用之php-fpm+apache多容器的xdebug和phpstorm的配置
- 浅析Kubernetes Pod重启策略和健康检查
- “以毒攻毒”?阿里将上线“二哈”防骚扰电话应用程序
- VC 无标题栏对话框移动
- Docker在测试领域的应用
- Android适配之百分比的简单用法
- android5.1+xposed卡刷包,一加5 7.1 ROM刷机包 最终版王者高帧率极速吃鸡超多自定义Xposed...
- 【电源芯片】TPS63020升降压芯片-电池放电
- 怎么彻底卸载cad2017_彻底卸载CAD的方法图解步骤
- 《单片机原理及应用(魏洪磊)》第六章第11题
- 所以,网络工程师能从事什么工作?
- 使用c语言解析gprmc数据
- 骞云数据库DBaaS解决方案深度解析
- 国内的服务器的优势就是,国产服务器有哪些优势?其优势主要表现在哪?
- html5花瓣掉落,用掉落的花瓣,可以玩出多少种让人惊艳的创意?
- SMETA验厂辅导,贸易公司、物流仓储公司是否可以申请SMETA审核
- Dell服务器硬件检测工具.利器简单易上手
- Appium 解决不能输入中文字符问题
热门文章
- 通过阅读饥荒代码理解树人机制
- [SDOI2015] 星际战争
- Session.Abandon()的用法
- 长期不上班是种怎样的体验?
- 2021-2027全球与中国天然眼部卸妆产品市场现状及未来发展趋势
- 文曲星猜数字游戏java代码_急求一份完整的文曲星上的猜数字游戏的课程设计...
- 请别再使用 SimpleDateFormat 格式化时间了,DateTimeFormatter 更出色!
- QT 多显示屏获取屏幕分辨率
- Jmeter进行稳定性测试
- java put方法_java 实现Put request