Web前端学习笔记

最新推荐文章于 2024-04-22 01:07:58 发布

绯绡✿

最新推荐文章于 2024-04-22 01:07:58 发布

阅读量248

点赞数

分类专栏：前端文章标签： html5

本文链接：https://blog.csdn.net/cletitia/article/details/103437638

版权

前端专栏收录该内容

0 篇文章 0 订阅

订阅专栏

什么是HTML

概念

HTML（HyperText Mark-up Language）即超文本标记语言，是构成网页文档的主要语言。
HTML是解释执行语言，由浏览器解释执行（浏览器翻译HTML语言）。
HTML语言主要由HTML标签组成。
HTML标签可以描述文字、图像、动画、声音、表格、链接等。
静态网页也称为HTML页面或HTML文档。
标签：由<标签>中组成的标记。对于同一标签，不同浏览器的解释可能不同。即：同一个页面，在不同浏览器看到的效果可能不同，这就是我们常说的浏览器兼容问题。

目前最新HTML语言版本是HTML5。

HTML标签

HTML标签由<标签>组成。
HTML标签由双标记，和单标记促成。
e.g.

<p> hello word </p> （段落标签）

<br/> （换行标签）

HTML属性

属性为HTML标签提供附加信息。
（1）HTML标签可以拥有属性。属性提供了有关HTML元素的更多的信息；
（2）属性总是以名称/值对的形式出现，e.g. name = “value”;
（3）属性总是在HTML元素的开始标签中规定；
（4）始终为属性值加引号：双引号是最常用的，不过使用单引号也没问题。

<link href="/assets/v2/bootstrap/css/bootstrap.css?6.16.1" rel="stylesheet">
<body class="homepage">

HTML固定基本结构

HTML属性实例

HTML链接由<a>标签定义。链接的地址在href属性中指定
e.g.

<a href = "http://baidu.com"> 百度首页 </a>

HTML页面的结构包括头部、主体（Body）两大部分。头部描述浏览器所需信息；主题包含所要说明的具体内容。
e.g.

<html>
  <head>头部信息在这里设置</head>
  
  <body>
            HTML文件的正文写在这里......
  </body>
</html>

注: 标签是可以相互嵌套的

<html>与</html>之间的文本描述网页；
<body>与</body>之间的文本是可见的页面内容；
<head> 与</head>之间的文本描述网页头信息；
<title>与</title>之间的文本被显示位网页的标题；
<p>与</p>之间的文本被显示为段落；

HTML页面基本结构说明

经常，在HTML页面的第一行带有HTML版本信息，版本信息也可以省略。
e.g.（html4）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

HTML5语法 <!doctype html>（html5 更加简洁）

标题

标签有h1-h6，文字从大到小，但不要用标题作为字体大小的控制使用，他用作一个网站的结构来制定标题。
e.g.
一个页面，有一个总标题，我们设置为h1，辅助标题，我们设置为h2。搜索引擎会抓取标题当关键字，这就是为什么设置标题的原因。
一个新闻网站，本身有一个新闻标题，一般可以设计为<h2>，这标题下面的正文内容，就可以不用h来表示，直接写正文就可以。

基本标签

段落p标签（双标记）
标签在HTML页面中创建段落，它总是成对出现。
水平线hr标签（单标记）
<hr />标签在HTML页面中创建水平线，它是单个出现，使用此标签来分隔文章中的小节是一个好办法。
换行标签br（单标记）
 在HTML页面中显示为换行，单个出现。
空格标签 
 在HTML页面显示为空格。
注释
其间的内容为注释，可以提高HTML页面的可读性，使代码更易被人理解。

注：
在HTML里没有换行的概念，换行由和 标签来完成；

绯绡✿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web前端学习笔记

什么是HTMLHTML（HyperText Mark-up Language）即超文本标记语言，是构成网页文档的主要语言。HTML是解释执行语言，由浏览器解释执行。HTML语言主要由HTML标签组成。HTML标签可以描述文字、图像、动画、声音、表格、链接等。静态网页也称为HTML页面或HTML文档。...
复制链接

扫一扫