高端家具东莞网站建设技术支持,网站建设指导思想,获客平台有哪些,千牛网页版登录入口前言 HTML 是一切Web开发的基础#xff0c;本文专门为小白整理#xff0c;针对前端零基础的朋友们#xff0c;手把手教你学习HTML#xff0c;让你轻松迈入WEB开发的行列。 首先#xff0c;感谢 橙子_ 在HTML学习以及本文编写过程中对我的帮助。 文章目录前言一.HTML简介1.…前言 HTML 是一切Web开发的基础本文专门为小白整理针对前端零基础的朋友们手把手教你学习HTML让你轻松迈入WEB开发的行列。 首先感谢 橙子_ 在HTML学习以及本文编写过程中对我的帮助。 文章目录前言一.HTML简介1.什么是HTML2.HTML 标签3.HTML 元素4.HTML版本5.Web 浏览器6.HTML 网页结构7.中文编码8.编写第一个网页二.HTML编辑器三.HTML基础1.HTML 标题2.HTML 段落3.HTML 链接4.HTML 图像四.HTML元素1.HTML 元素语法2.嵌套的 HTML 元素3.HTML 空元素五.HTML属性一.HTML简介
万维网W3C标准中网页分为结构表现和行为三部分HTML用于描述页面的结构CSS用于控制页面中的元素样式JavaScript用于响应用户的操作。HTMLCSS和JavaScript组成了前端技术栈。
学习HTML就是学习标签的一个过程难度指数低重在反复练习首先看看HTML文档的基本结构
!DOCTYPE html
html
head
meta charsetutf-8
title前端教程/title
/head
bodyh1标题/h1
p段落/p/body
/html1.什么是HTML
HTML的全称为超文本标记语言是一种标记语言。它包括一系列标签。通过这些标签可以将网络上的文档格式统一使分散的Internet资源连接为一个逻辑整体。 HTML 使用标记标签来描述网页 HTML 文档包含了HTML 标签及文本内容 HTML文档也叫做 web 页面 2.HTML 标签
HTML标记标签又称为 标签。 HTML 标签是由尖括号包围的关键词 HTML 标签通常是成对出现 标签对中的第一个标签是开始标签(开放标签)第二个标签是结束标签(闭合标签)
标签内容/标签所有 HTML 文档必须以 !DOCTYPE 声明开头该声明并非一个 HTML 标签它是一条“信息”告知浏览器期望的文档类型。 3.HTML 元素
一个 HTML 元素包含了开始标签与结束标签。例如
h1一级标题/h14.HTML版本
下面是HTML的历史版本
版本发布时间HTML1991HTML1993HTML 2.01995HTML 3.21997HTML 4.011999XHTML 1.02000HTML52012XHTML520135.Web 浏览器
要想学习Web前端一定要先了解Web浏览器如谷歌浏览器EdgeSafari。Web浏览器用于读取HTML文件并将其作为网页显示。浏览器并不是直接显示HTML标签而是负责网页的渲染和呈现标签决定了如何展现HTML页面的内容给用户。例如 6.HTML 网页结构
下面是HTML文档的基本结构前面我们已经做了示例代码的展示 7.中文编码
在一些浏览器直接输出中文会出现乱码的情况当在浏览器输出中文乱码时需要在头部将字符声明为 UTF-8 或 GBK。例如
meta charsetUTF-88.编写第一个网页
前面介绍了HTML文档的一些基础信息以及Web浏览器初识接下来编写我们学习前端的第一个网页
示例使用记事本编写你的第一个网页
htmlheadtitle这是我的第一个网页/title
/headbody!--注释用记事本编写第一个网页在浏览器中显示一首古诗--h1望庐山瀑布/h1h2font colorred唐/font 李白/h2p日照香炉生紫烟遥看瀑布挂前川。/pp飞流直下三千尺疑是银河落九天。/p
/body/html新建一个文本文档命名为index.html。编写代码在默认浏览器中运行查看显示效果 二.HTML编辑器
这里推荐使用VsCode来编辑HTML代码 vscode 是由微软开发的免费开源软件它具有以下优势 轻量级编辑器丰富的插件系统代码跟踪功能 三.HTML基础
1.HTML 标题
HTML 标题是通过h1 - h6 标签来定义的例如 h1一级标题/h1h2二级标题/h2h3三级标题/h32.HTML 段落
HTML 段落是通过标签 p 来定义的例如 p段落1/pp段落2/pp段落3/p3.HTML 链接
HTML 链接是通过标签 a 来定义的例如
a hrefhttps://www.baidu.com百度一下/a4.HTML 图像
HTML 图像是通过标签 img 来定义的例如
img src/images/baidu.png width258 height39 /四.HTML元素
1.HTML 元素语法 HTML 元素以开始标签起始以结束标签终止 元素的内容是开始标签与结束标签之间的内容某些 HTML 元素具有空内容 空元素在开始标签中进行关闭以开始标签的结束而结束 大多数 HTML 元素可拥有属性 2.嵌套的 HTML 元素
其实大多数 HTML 元素可以嵌套使用即HTML 元素可以包含其他 HTML 元素。所以HTML 文档是由相互嵌套的 HTML 元素构成的例如
!DOCTYPE html
htmlbody
p段落1.../p
/body/html其中对几个重要的标签做一个描述
这个 p 元素定义了 HTML 文档中的一个段落。这个元素拥有一个开始标签 p 以及一个结束标签 /p。元素内容是: 段落1…。body 元素定义了 HTML 文档的主体。这个元素拥有一个开始标签 body 以及一个结束标签 /body。元素内容是另一个 HTML 元素p 元素。html 元素定义了整个 HTML 文档。这个元素拥有一个开始标签 html 以及一个结束标签 /html。元素内容是另一个 HTML 元素body 元素。 3.HTML 空元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的例如 p段落1/pbrp段落2/p其中br 就是没有关闭标签的空元素br 标签定义换行。
在开始标签中添加斜杠比如 br /是关闭空元素的正确方法。 五.HTML属性
属性是 HTML 元素提供的附加信息属性值应该始终被包括在引号内如果属性值本身就含有双引号那么必须使用单引号包含属性值。 HTML 元素可以设置属性属性可以在元素中添加附加信息 属性一般描述于开始标签 属性总是以名称/值对的形式出现比如name“value”。
例如HTML的链接标签中添加属性
a hrefhttp://www.baidu.com百度一下/aHTML 链接由 a 标签定义。链接的地址在 href 属性中指定。
