这篇博客介绍了HTML的基础知识，包括HTML的定义、Web标准的构成、HTML的基本语法，以及各种标签的用法，如title、meta、img等。通过学习，读者可以掌握创建第一个网页和理解HTML文档结构的基本技能。
网页
网页是构成网站的基本要素，通常是HTML格式的文件，一般以html后缀结尾。
什么是HTML？
HTML指的是超文本标记语言（是一种描述网页的语言）。
不是编程语言，而是一种标记语言。
标记语言是一套标记签。
实际上由多个标记签组成。
所谓超文本有两层含义：
Web标准的构成
主要包括：结构(Structre)、表现(Presentation)、行为(Behavior)三个方面
如图表示Web的构造： 
HTML的语法概述
基本语法概述
标签关系
第一个网页
第一个HTML
基本结构标签分析
head标签中的元素
head标签中有很多元素(标签)可以使用，但是用在正文的标签不能在这里使用。
head标签作用于网页的头部他的内容不会在正文中出现。
title标签
<title>写文章-CSDN博客</title>
meta标签
第一种用法
字符集
是用来设置网页文档编码以防止浏览器乱码的情况。（声明是什么编码方式）
一般情况下使用html5 因此对应 <meta charset="UTF-8">
第二种用法
设置网页关键字专门为搜索引擎服务
第三种用法
用于描述网站的（简介）
第四种用法
定义网站重定向
base标签
还没学到
html根标签
zh-CN表示将网页以中文形式展现 ,en表示英文。
body标签
将输入内容放进去。
基本结构的关系图
文档类型的声明标签
<!DOCTYPE html>
<html>标签包含的才属于HTML标签
标签语义
标题标签
共有6个等级的网页标题<h1>到<h6>
特点：
加了标题的文字变的加粗，字号依次变大。
一个标题独占一行
段落和换行标签
段落标签<p> </p>可使内容分段显示
特点：
文本在一个段落中会根据浏览器窗口大小换行。
段落之间有空隙。
换行标签<br/>
特点：
独占一行
文本格式化标签
<div>和<span>标签
<div>和<span>是没有语义，就是一个盒子用来装内容
div是一个大盒子（一行只能放一个）和<h >标题标签一样可以独占一行
span是一个小盒子（一行可以放多个）
图像标签
重点：图像标签之间要隔开一个空格！
img标签
用于定义img图像
<img src="图像URL“/>src是<img>标签的必须属性，用于指定图像文件的路径和文件名
<img src="img.jpg"/>alt标签
文字替换显示不出来的图片
<img src="img.jpg" alt="我是pink老师"/>
title标签
鼠标放在图片上显示文字
<img src="img.jpg" alt="我是pink老师" title="我是pink老师思密达”/>
width标签
设置宽度。
height标签
设置高度。
border标签
设置边框粗细。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
