Web前端——HTML5（视频学习第一期）

最新推荐文章于 2023-02-10 11:25:35 发布

盼盼

最新推荐文章于 2023-02-10 11:25:35 发布

阅读量206

点赞数

本文链接：https://blog.csdn.net/KYX_2023/article/details/102535183

版权

视频学习，请多包含！
在这里插入图片描述

一、HTML简介

HTML是用来描述网页的一种语言，指超文本标记语言，他并不是标记语言。

1.开发工具：
常用:WebStorm，notepad++，Eclipse，text sublime，Dreamwether
推荐: Intellij IDEA

idea常用快捷键：

Ctrl + D		复制当前行
Ctrl + Y		删除当前行
Ctrl + shift + J    将选中的行合并成一行
Ctrl + shift + Backspace	返回到上次编辑位置
Ctrl + shift + /	返回后一次编辑位置
Ctrl + shift + ↓	将光标所在的代码块向下整体移动
Ctrl + shift + ↑	将光标所在的代码块向上整体移动
Ctrl + /		使用//注释
Ctrl + shift + /	使用/* */注释

二、HTML标签

<!DOCTYPE html>    HTML5声明

基础标签:
<head>     头文件 一般定义编码格式、标题、文字显示形式
<body>	   主体文件

<p>   定义段落
<a>   定义超链接 属性href
<img>   定义图像 属性src
<br/>   表示换行

练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html基础</title>
</head>
<body>
    <p>hello world!</p>
    <a href="http://www.baidu.com">度娘欢迎你</a>
    <br/>
    <img src="images/html.png" wide="200px" height="200px">
    <h1>标题1</h1>
    <h2>标题2</h2>
    <h3>标题3</h3>
    <h4>标题4</h4>
    <h5>标题5</h5>
    <h6>标题6</h6>
</body>
</html>

运行结果：

说明：点击蓝色字体即可跳转到度娘

在这里插入图片描述

今天的表演就到此谢幕了，谢谢你的光临！记得再来看我哦~

盼盼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web前端——HTML5（视频学习第一期）

视频学习，请多包含！一、HTML简介HTML是用来描述网页的一种语言，指超文本标记语言，他并不是标记语言。1.开发工具：常用:WebStorm，notepad++，Eclipse，text sublime，Dreamwether推荐: Intellij IDEAidea常用快捷键：Ctrl + D 复制当前行Ctrl + Y 删除当前行Ctrl + shift + J ...
复制链接

扫一扫