《HTML5网页设计》——HTML5基础

发布时间:2024年01月19日

一.HTML介绍?

一、HTML一介绍及

网站开发上线基础流程:

image-20231018135856736

1、万维网

WWW(World Wide Web,万维网)是一种建立在Internet(英特网)上的、全球性的、交互的、多平台的、分布式的信息资源网络

WWW包括如下三个部分:

  • URL:统一资源定位器,简称:网址

  • HTTP:超文本传输协议

  • HTML:超文本标记语言

    image-20231017192942331

2、HTML

2.1 定义

HTML(超文本标记语言)是一种编程语言,用来编写在浏览器中运行的网页

使用 HTML 语言编写的文件称为网页文件,该文件的后缀名为:.html

2.2 编程工具

能够编写 HTML 代码的工具很多,后期教学过程中主要使用的工具是:Hbuilder X

image-20231018104613673

【软件下载、安装】 HBuilder X 下载、安装

(1)下载

下载地址:HBuilderX-高效极客技巧

image-20221027103409461

(2)安装

HBuilderX为解压版,将压缩包解压之后可直接运行。

注意点:找个固定的位置存放解压后的文件,方便进行查找使用。

image-20221027103905773

3、HBuilder X 使用步骤

3.1 创建项目

image-20231018111036276

image-20231018111300656

3.2 运行HTML文件
  • 方式1

    image-20231018143633517

  • 方式2

    image-20231018143820008

4、HTML注释

在HTML中,注释使用<!-- 注释内容 -->

特别说明:快速添加注释(Ctrl + /

二.HTML基本标签

标签:有特殊含义的标记。

在 HTML 中,标签使用<></>包起来,<>为开始标签,</>为结束标签。如:

HTML 5 标签主要定义了网页的框架,整个网页只要分为两部分:头部主体

  • 头部:主要用于设置网页标题、设置网页字符集编码等。

  • 主体:网页上要显示的所有效果均写在主体部分。

image-20231018113537156

image-20231018114149054

三、文本类标签

Text

四、图片及超链接标签

img-a

?

?

文章来源:https://blog.csdn.net/2302_79556909/article/details/135684903
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。