HTML学习心得

本文介绍了HTML的基本概念,包括HTML的定义和在Web中的作用。详细讲解了如何撰写HTML文档,从新建HTML文件到在浏览器中预览。文章深入解析了HTML文档结构,涵盖元素、注释、空元素、属性、标题、文本格式、超链接、图片、表格、列表和表单。学习心得部分表达了作者初次创建网页的激动之情,并对未来的学习充满信心。
摘要由CSDN通过智能技术生成

一、什么是HTML

HTML是超文本标记语言(HyperText Markup Language)的缩写。我们用 HTML 来构建 Web 页面即所谓的网页。

“超文本”(hypertext)是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方面。只要将内容上传到互联网,并将其与他人创建的页面相链接,你就成为了万维网的积极参与者。
HTML 是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果(如 CSS),或功能与行为(如 JavaScript)。

HTML 不是一门编程语言,而是一种用于定义内容结构的标记语言。

在浏览器中看到的任何网页背后都是一个 HTML 文档,只要在网页上点击鼠标右键->查看源代码(用控制台工具也可)就可看到。

二、如何撰写 HTML 文档

先在左上角的 File 中选择 Open Folder,选择一个文件夹,接下来在该文件夹下新建一个后缀名为 html 的文件,让然后输入代码,右键代码选择 open in browser ,就可以打开一个属于自己的 Web 页啦!!
在这里插入图片描述
就像这样:
在这里插入图片描述
如果上述方法打不开可以在文件夹中找到创建的 html 文件,双击打开就可以了。

三、HTML 文档结构分析

1、HTML元素(elements)

HTML 使用"标记"(markup)来注明文本、图片和其他内容,以便于在浏览器中显示。HTML 标记包含一些规定的"元素"如 <head>,<title>,<body>,<header>,<footer>,<article>,<section>,<p>,<div>,<span>,<img>,<aside>,<audio>,<canvas>,<datalist>,<details>,<embed>,<nav>,<output>,<progress>,<video> 等等。
检查我们刚创建的 HTML 文档你会发现,整个 HTML 就由一个个元素组成(可以嵌套),而元素则一般由一对标签(tag)构成。

2、注释

输入Ctrl + /即可快捷的进行注释!

3、空元素

一般来说,元素都拥有开始标签,内容,结束标签。但有一些元素只有一个开始标签,通常用来在此元素所在位置插入/嵌入一些东西,如<br>, <hr>, <input>, <img>, <a>等等。我们称其为空元素。

4、元素的属性

元素是可以有相关属性的。属性包含元素的额外信息,这些信息不会在浏览器中显示出来。

<!-- 带属性的段落输入框 -->
<p title="这是个title属性">鼠标移上来试试!</p>
<!-- 带属性的输入框 -->
<input type="text">
<input type="password">

在这里插入图片描述

一个属性必须包含如下内容
1、一个空格,在属性和元素名称之间。(如果已经有一个或多个属性,就与前一个属性之间有一个空格。)
2、属性名称,后面跟着一个 = 号。
3、一个属性值,由一对引号 “” 引起来。

5、标题(heading)

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值