HTML学习日志（不间断更新）：

HTML
Hyper Text Markup Language 超文本标记语言

W3C
World Wide Web Consortium 万维网联盟

学习笔记：

一、我的第一个网页

<!DOCTYPE html>   <!-- DOCTYPE 声明：告诉浏览器，我们要使用什么规范--><html lang="en">  <!-- 这里是总标签，代码不能写外面--><head>  <!--head 标签代表网页头部，仅此唯一-->    <meta charset="UTF-8">  <!--meta描述标签，它用来描述我们网站的一些信息-->			  <!--meta 一般用来做seo--><meta name="keywords"content="狂神说java,西部开源">  <!--keywords关键词描述--><meta name="description"content="来学习Java"><!--description描述-->    <title>我的第一个网页</title>  <!--title网页标题--></head>  <body>  <!--body标签代表网页主体-->Hello world!</body></html>

在这里插入图片描述

二、基本标签

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>基本标签学习</title></head><body><!--标题标签--><h1>一级标签</h1><h2>二级标签</h2><h3>三级标签</h3><h4>四级标签</h4><h5>五级标签</h5><h6>六级标签</h6><h7>七级标签</h7><h8>八级标签</h8><!--段落标签--><p>Cascade-Correlation is a new architecture</p><p>展开</p><p>关键词：</p><p>DOI：   doi:10.1109/72.329690</p><!--水平线标签，可加可不加/--><hr/><!--换行标签--><!--是一个单标签-->Cascade-Correlation is a new architecture<br/>展开<br/>关键词:<br/>DOI：   doi:10.1109/72.329690<br/><!--粗体，斜体--><!----><h1>字体样式标签</h1>粗体：<strong>I love you</strong>斜体：<em>I love you</em><!--特殊符号-->空  格&nbsp;空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格<br/>&gt;大于号<br/>&lt;小于号<br/>&copy;版权符号<!--版权符号记忆方式&   ;--></body></html>

在这里插入图片描述

三、图像标签

在这里插入图片描述

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>图像标签学习</title></head><body><!--img学习src: 图片地址（必填    相对地址(推荐 eg:  ../resources/image/哈迪斯.png)，绝对地址（磁盘地址，不推荐）    ../   表示上一级目录    ./    表示当前目录alt: 图片名字，当图片加载失败显示文字（必填--><img src="../resources/image/1.jpg"alt="图片显示" title="悬停文字" width="666"height="666" ><!--跳转--><a href="链接标签.html#down">跳转</a></body></html>

改了很多遍图片路径，仍不知道为什么一直是图裂的状态
在这里插入图片描述
后来在严中诺指导下知道问题原因：
“. ./”表示上一级目录，我的图片目录存在于
resources/image/1.jpg
所以应该用“./”表示相对地址，表示本目录下的图片
代码修改如下

<img src="./resources/image/1.jpg"alt="图片显示" title="悬停文字" width="666"height="666" >

在这里插入图片描述

四、链接标签（很重要）

在这里插入图片描述

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>链接标签学习</title></head><body><!--使用name作为标记--><a name="top">顶部在这里</a>、<!--a 标签，快捷键 a + Tab --><!--href:必填，表示要跳转到哪个页面target:表示窗口在哪里打开       _blank 在新标签页中打开       _self  在当前页面中打开--><a href="我的第一个网页.html" target="_blank">点击我跳转到页面一</a><a href="http://www.baidu.com" target="_self">点击我跳转到百度</a><a href="http://meurice.xyz">点击我进入严中诺的网页</a><br/><!--图像超链接--><a href="我的第一个网页.html">    <img src="./resources/image/1.jpg"alt="图片显示" title="悬停文字" width="666"height="666" ></a><a href="我的第一个网页.html">    <img src="./resources/image/1.jpg"alt="图片显示" title="悬停文字" width="666"height="666" ></a><a href="我的第一个网页.html">    <img src="./resources/image/1.jpg"alt="图片显示" title="悬停文字" width="666"height="666" ></a><a href="我的第一个网页.html">    <img src="./resources/image/1.jpg"alt="图片显示" title="悬停文字" width="666"height="666" ></a><!--锚链接1.需要一个锚标记2.跳转到标记，用#表示，跳转到相应的name--><a href="#top">回到顶部</a>  <!--跳转到顶部 顶部在这 位置--><!--跳转页面--><a name="down">down</a><!--功能性链接邮箱链接:mailto--><a href="mailto:1642070679@qq.com">点击我进入邮箱</a></body></html>