HTML 01

HTML基本结构标签

vscode ！
快捷创建页面骨架结构

标题标签

字体由大到小 且自动换行

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

段落标签和换行标签

<p></p>段落有空隙
单标签最好后面有单/
<br(空格)/>(单标签) 强制换行

文本格式化标签

加粗<strong></strong>或者<b></b>
倾斜<em></em>或者<i></i>
删除线<del></del>或者<s></s>
下划线<ins></ins>或者<u></u>

重点加粗和倾斜

span和div标签

<div>和<span>是没有语意的，就是一个盒子，用来装内容
<div>一行只能放一个
<span>一行可以放多个

图像标签

<img src="图片链接"/> 单标签

	<img src="风铃.jpeg">
    <img src="asd" alt="风铃">
    <img src="..."> 

图片标签必须要有的属性
alt是替换 当图片不能显示的时候显示
title是鼠标放到图像上 显示的文字

路径

目录文件夹：就是普通文件夹，里面放了页面所需的相关素材 如html文件、图片等
根目录：打开目录文件夹的第一层就是根目录

<img src="风铃.jpeg" alt="fengling">
<img src="imgs/WechatIMG22.jpeg" alt="xiaomao">

超链接

<a href="跳转目标" target="目标窗口的弹出方式">文本或者图像</a>

href 是必须要有的
target _self是默认打开方式是当前页面 _blank是新窗口中打开

链接分类

1.外部链接 例如：<a href="http://www.baidu.com">百度</a>
2.内部链接 例如：<a href="体育新闻案例.html">体育新闻</a>
3.空链接 例如：<a href="#">空链接</a>
4.下载链接 href里面是一个文件或者压缩包的时候会自动下载 例如：<a href="imgs.zip">图片</a>
5.网页元素链接 如文本、图像、表格、音频、视频等都可加超链接
6.锚点链接 快速定位到该页面中的某个位置

<h4>1.外部链接</h4>
    <a href="http://www.baidu.com">百度</a>
<h4>2.内部链接</h4>
    <a href="体育新闻案例.html">体育新闻</a>
<h4>3.空链接</h4>
    <a href="#">空链接</a>
<h4>4.下载链接</h4>
    <a href="imgs.zip">图片</a>
<h4>5.网页元素链接</h4>
   <a href="https://blog.csdn.net/xujiaqiqiqi" target="_blank">
   <img src="风铃.jpeg" alt="fengling" title="CSND主页" height="300">
   </a>
<h4>6.锚点链接</h4>
   <a href="#chouxiang">抽象类</a> 
   <h1 id="chouxiang">抽象类: abstract</h1>

注释标签

<!-- 注释语句 --> 快捷键：ctrl + /

特殊字符