天涯论坛

 找回密码
 立即注册
搜索
查看: 84|回复: 5

web入门之HTML基本

[复制链接]

2966

主题

144

回帖

9912万

积分

论坛元老

Rank: 8Rank: 8

积分
99129182
发表于 2024-6-30 01:02:59 | 显示全部楼层 |阅读模式
阅读完本文案,你将处理以下问题:HTML是什么?怎样在网页中添加文字、图像、列表等元素?怎样添加链接?怎样运用嵌套元素?

更加多系统学习web研发教程见本专栏。

HTML是什么?

HTML是超文本标记语言 ,英语为Hypertext Markup Language,简叫作HTML(重视:HTML不是一种编程语言)。它是一种用来结构化 Web 网页及其内容的标记语言。HTML是通往web前门的钥匙,它能够向你的网页中添加诸如文字、图像、链接、表格等元素,是web研发基本

体会HTML

接下来咱们先来体会一下HTML在web研发中的功效

先让咱们打开webstorm,新建一个项目,而后这里项目中新建一个HTML文件,命名为index。如图:

webstorm可在Jetbrains官网上下载,激活码见本专栏置顶文案持续更新。或暂时运用HTML/CSS/JS 在线工具 | 菜鸟工具 代替 。

新建index.html文件

新建成功后,打开index.html文件,将表示如下界面:

在图中红色区域(便是<body>与</body>标签之间)输入以下代码:

<h1>hello world!</h1>

而后将鼠标光标移到代码编辑界面的右上区域,将表示快速预览浏览器选取按钮,如下图。

预览浏览器选取

选取合适的浏览器打开就可预览网页,这儿我用谷歌浏览器,预览网页如下(截取部分):

你会发掘网页中多了一个元素,便是咱们刚才输入的文字内容。

这是一个标题元素,用于表示标题。标题元素可分为6级,这儿为1级,运用为h1,6级标题预览图如下:





上一篇:Web基本知识点梳理
下一篇:web前端|最适合0基本的HTML入门学习教程
回复

使用道具 举报

0

主题

1万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-8-26 09:48:48 | 显示全部楼层
“NB”(牛×的缩写,表示叹为观止)‌
回复

使用道具 举报

1

主题

880

回帖

-3

积分

限制会员

积分
-3
发表于 2024-8-28 11:22:12 | 显示全部楼层
我们有着相似的经历,你的感受我深有体会。
回复

使用道具 举报

2996

主题

3万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109194
发表于 2024-9-26 13:00:48 | 显示全部楼层
我完全赞同你的观点,思考很有深度。
回复

使用道具 举报

2986

主题

3万

回帖

9956万

积分

论坛元老

Rank: 8Rank: 8

积分
99569168
发表于 2024-9-30 05:53:32 | 显示全部楼层
太棒了、厉害、为你打call、点赞、非常精彩等。
回复

使用道具 举报

3047

主题

3万

回帖

9606万

积分

论坛元老

Rank: 8Rank: 8

积分
96065852
发表于 2024-11-2 19:08:04 | 显示全部楼层
软文发布论坛开幕式圆满成功。 http://www.fok120.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-22 23:58 , Processed in 6.120644 second(s), 40 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.