第一章 HTML入门

最新推荐文章于 2024-09-08 19:45:37 发布

桃花加酥

最新推荐文章于 2024-09-08 19:45:37 发布

阅读量866

点赞数 18

分类专栏： wed前端设计与制作文章标签： html 前端 css html5

本文链接：https://blog.csdn.net/2301_81323885/article/details/136697364

版权

wed前端设计与制作专栏收录该内容

11 篇文章 0 订阅

订阅专栏

1.浏览器内核

我们要做好一个网站首先我们了解一下浏览器的种类以及内核

1. Web浏览器

Web 浏览器(如谷歌的 Chrome, Internet Explorer,Firefox,苹果的 Safari)用于读取HTML文件，并将其作为网页上显示出来

2. 五大主流浏览器

(1)Chrome 浏览器

Chrome 浏览器是 google旗下的浏览器。Chrome 浏览器发布以来就一直讲究简洁，快速，安全，所以Chrome 浏览器到现在依旧受人追捧。

(2)Firefox浏览器

Firefox 浏览器是 Mozilla公司旗下的浏览器，也是网景公司后来的浏览器网景被收购后，网景人员创办了Mozilla基金会，这是一个非盈利的组织,他们在 2004年推出的自己的浏览器Firefox。Firefox采用的是Gecko作为内核。Gecko 是一个开源的项目，代码完全公开，因此收到了好多人的青睐，

(3)Safari 浏览器

2003年，苹果公司在苹果手机上开发的Safari浏览器，利用自己的得天独厚的手机市场份额使Safari 浏览器迅速成为世界主流浏览器。Safari是最早使用的webkit 内核的浏览器也是现在苹果默认的浏览器。

(4)IE浏览器

IE是微软公司旗下的浏览器，是目前国内用户量最多的浏览器，IE是跟Windows 捆绑的模式不断的向市场扩展份额，使正成为市场的主流。现在安装了 Window 就无法卸载E浏览器

2.HTML 基本知识

超文本标记语言(HTML)是你用来组织你的网络内容，并赋予它意义和目的的代码。例如，我的内容是一组段落还是一个要点列表?我的页面上是否插入了图片?我有一个数据表吗?在你的接受能力之内，这篇文章提供了足够的信息,使你熟悉HTML。如果你是Web开发新手，请务必阅读我们这一本书来了解什么是 HTML以及如何使用它做出完美的网页。

3.HTML 概述

什么是 HTML?
HTML 指的是超文本标记语言(HyperText MarkupLanguage)。
HTML，不是一种编程语言，而是一种标记语言(markuplanguage)。
标记语言是一套标记标签(markup tag)。
HTML使用标记标签来描述网页。
HTML(超文本标记语言--Hyper Text Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除HTML以外的其他技术则通常用来描述一个网页的表现与展示效果(如CSS)，或功能与行为(如JavaScript)。
“超文本”(hypertext)是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方面。只要将内容上传到互联网，并将其与他人创建的页面相链接，你就成为了万维网的积极参与者。
HTML 使用“标记”(markup)来注明文本、图片和其他内容，以便于在 Web浏览器中显示。HTML 标记包含一些特殊“元素”如<head〉、<title>、<body>、<header>、<footer>、<article〉、<section>、<p〉、<div>、<span>、<img>、<u1>、<o1〉、<li〉等等。
HTML 元素通过“标签”(tag)将文本从文档中引出,标签由在“<”和“>”中包裹的元素名组成，HTML 标签里的元素名不区分大小写。也就是说，它们可以用大写，小写或混合形式书写。例如，<title>标签可以写成<Title>,<TITLE〉或以任何其他方式。然而，习惯上与实践上都推荐将标签名全部小写。

4.HTML 文档

HTML 文档描述网页。
HTML包含着HTM,标签和纯文本HTML 文档也称之为网页。

5.HTML 文档的基本结构

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>哈哈哈哈</title>
</head>
<body>
<p>
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
</p>
</body>
</html>

1.
<!DOCTYPE html>声明为 HTML5 文档。
2.<html>元素是 HTML 页面的根元素<html>与</html>之间的文本描述网页

3.<head> 标签是所有头部元素的容器。<head>内可包含脚本，指示浏览器在何处可以找到样式表，提供元信息如<meat>,<title>以及后续会讲到的<style>，<link>，<script>等。
4.<meta>元素标签提供了关于HTML文档的元(meta)数据，元数据不会显示在页面上，但是对于机器是可读的。<metacharset="utf-8”>定义网页编码格式为 utf-8。如需正确的显示HTML页面，浏览器必须知道使用何种字符集。除此之外 mate 标签还可以用于规定页面的描述，关键词等其他元数据。
5.<title> 元素描述了文档的标题，定义浏览器工具栏中的标题。提供页面被添加到收藏夹时，显示在搜索引擎结果中页面的标题，极具有描述性的括了该页面的内容。好的title可以明显的提高了页面在搜索引擎中的排名。

6.<body> 元素包含了可见的页面内容。

6.HTML 基本语法

HTML文档是由HTML元素定义的,K=HTML元素是指开始标签到结束标签的所有代码。

1.HTML 元素语法

1.HTML元素是以开始标签开始。

2.HTML元素是以结束标签终止

3.元素的内容是开始标签与结束标签之间的内容

4.空元素在开始标签中进项关闭

5.大多数HTML元素拥有的属性

2.HTML 空元素

没有内容的HTML元素被称为空元素。空元是在开始标中关闲的。<br>就是没有关闭标签的空元素(br〉标签定义换行)。在XHTML、XML以及未来版本的HTM中，所有元素都必须被关闭。在开始标签中添加斜杠，比如<br />，是关闭空元素的正确方法，HTML、XHTML和XML都接受这种方式。

3. HTML 标签

HTML 标签是由尖括号包围的关键词，比如<p></p>。

7.HTML 属性

HTML 标签可以拥有属性。属性提供了有关ШM,元素的更多的信息。属性总是在HTML元素的开始标签中规定，以名称/值对的形式出现，比如:name=“value”。属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。在某些个别的情况下，比如属性值本身就含有双引号，那么必须使用单引号。注:属性和属性值对大小写不敏感，推荐小写。

8.HTML 注释

在编写代码的时候，需要对代码加以说明，提高其可读性。浏览器不会显示注释的内容，也不会对网页结构造成影响。注释的结构:注释是以结束，中间是注释的内容。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>哈哈哈哈</title>
</head>
<body>
<!--<p>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>-->
</body>
</html>

桃花加酥

关注

18
点赞
踩
21

收藏

觉得还不错? 一键收藏
2
评论
第一章 HTML入门

web前端设计与制作第一章 HTML入门
复制链接

扫一扫

专栏目录