20220709 第九小组于芮 html学习日记（第二天）

小白成长记——第二天

早上六点起床，开始今天的学习，抱着对未来的憧憬，对知识的渴望，今天的战斗开始！！！

今天的主要学习内容是html超文本标记语言，受益匪浅，整理了一些学习笔记，好记性不如烂笔头，知识的海洋，没被淹没，就是奇迹！

笔记整理如下，有需要的赶紧收藏吧！

html 文档的根标签
head头标签（以下放在和head中）
title标题，适配搜索引擎
link 链接<link>
<style >定义css样式
<script>定义js,也可以引入js
body（以下放在body中）
body身体，目前网页上看见的所有的东西
<h1>标题标签——————h1-h6 上下各空一行，字体变大变粗
<br>换行，相当于回车
<p>段落标签可以换行，上下各空一行
文本格式化标签
<b>加粗
<code>计算机代码
<em>强调文本，斜体（字体倾斜）
<i>斜体
<kbd>键盘输入
<pre>预格式
<small>更小的字体
<strong>加粗
<abbr>缩写
<address>地址
<bdo>文字方向
<blockquote>从另一个源引入
<cite>工作

<sub>下标文本
<sup>上标文本
<ins>插入文本
<del>删除文本
<font>不推荐使用，文本样式
background设置背景图片

超级链接
<a href="链接地址（当前项目下的页面地址或完整域名，http地址或https完整的地址，）"></a>
../返回上一级路径
./当前目录
目标 target=“”怎么打开目标地址 -blank：在新窗口打开 -self：在当前窗口打开（默认） -parent，-top：在父容器（顶级父容器）打开
title标题，当鼠标悬停在标签上出现的文字
图片链接
<a href ="#"><img src="图片"></a>
邮箱：<a href="邮箱链接"></a>
锚机链接:跳转到对应的目标地址

图片
<img src="图片地址" title=“标题”>
src 图片的路径
height，width:宽和高（尽量指定一个属性，等比例缩放）
title：标题
alt：当图片由于某种原因无法加载，出现文字
align：对齐方式
marquee:弹幕（loop循环）

区块样式
<div>块级元素，立方体，可以有宽和高
<span>行级元素，没有宽和高，尺寸根据内容决定

列表
无序列表(type=""更改前边的符号)
<ul>
<li><li>
</ul>
有序列表(type=""更改前边的序号)
<ol>
<li></li>
</ol>
自定义列表
<dl>
<dt>
<dd><dd>
</dt>
</dl>

表格（一组标签背景图片和背景颜色同时出现，优先显示背景图片）
<table border（线）： cellspacing（单元格间距）：cellpadding(上间距)： bgcolor(颜色); align(对齐)>
<tr>(行)
<td></td>（单元格）
</tr>
</table>
table>tr*数字>td*数字 tab键———快速生成表格