HtmlStudy的第一天
1.HTML语法规范
1.1基本语法概述
1.1.1HTML标签是由尖括号包围的关键字，如<html>
1.1.2HTML标签通常是成对出现的，如<html>和</heml>，称为双标签
1.1.3当然也有单标签，如<br />
1.2标签关系
1.2.1包含关系
<head>
<title></title>
</head>
1.2.2并列关系
<head> <body>
2.HTML基本结构标签
2.1<html>根标签
2.2<head>
<title>网页标题
2.3<body>文档的内容
3.vs code 工具生成骨架标签新增代码
3.1文档类型声明标签
<!DOCTYPE>文档类型声明，作用是告诉浏览器使用哪种HTML版本来显示网页
<!DOCTYPE html> // 位于开头 最前面，本身不是html语言
3.2 lang 语言种类
用来定义当前文档显示的语言
3.2.1 en为英文
3.2.2 zh-CN定义为中文
<html lang = "en">
当然两者都可以相互显示
用来提示或警示 就是会有个是否翻译的窗口
3.3字符集
用来存储文字
UTF-8 万国码
<meta charset="UTF-8" />
4.HTML常用的标签
4.1标题标签--更粗更大
<h1>标题标签</h1> <h1>标题一共六级选,</h1> <h2>文字加粗一行显。</h2> <h3>由大到小依次减，</h3> <h4>从重到轻随之变。</h4> <h5>语法规范书写后，</h5> <h6>具体效果刷新见。</h6>4.2段落和换行标签
<p> 标签用于定义段落，它可以将整个网页分为若干个段落
<p> ......</p>
<br /> 换行标签 break
4.3文本格式化标签
4.3.1 加粗
<strong>......</strong>
<b>......</b>
4.3.2 倾斜
<em>......</em>
<i>......</i>
4.3.3 删除线
<del>.......</del>
<s>......</s>
4.3.4下划线
<ins>......</ins>
<u>......</u>
4.4 <div>和<span> 没有语义，就是一个盒子
<div>......</div> 一行只能放一个
<span>......</span>
4.5 图像标签和路径
4.5.1 图像标签
<img>用来定义HTML页面中的图像
<img src="图像URL" />
image 图像
src是<img>标签的必须属性，它用于指定图像文件的路径和文件名
图像URL 指的是图片的地址
alt 替换文本 图片显示不出来的时候用文字替换
title 提示文本 鼠标放在图片上提示的信息
<img src = "12.jpg" alt="武汉理工大学" title="武汉理工大学"/>width 给图像设置宽度
height 给图像设置高度
border 给图像设定边框
属性和属性之间要有一个空格
4.5.2路径
4.5.2.1目录文件夹和根目录
4.5.2.2相对路径
以引用文件所在位置为参考基础，而建立出的目录路径
同一级路径直接写图像名
上一级路径
下一级路径
4.5.2.3绝对路径