HTML 上半部分笔记分享
Posted 做设计的小凳子
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML 上半部分笔记分享相关的知识，希望对你有一定的参考价值。
一、<!DOCTYPE html>
文档类型申明标签（当前网页采用html来显示网页），不是html文档，在<html>前展示
二、lang语言种类
英语网页：en
中文网页：zh-CN
其他
三、 <meta charset="utf8" />
字符集，文档使用的字符编码；UTF8称为万国码，基本包含全世界所有国家需要用到的字符；这是必须要写的， 否则会出现乱码。
四、html常用标签
1/ 标题标签
<h1> -<h6> :标题使用，依据重要性递减
2/ 段落标签和换行标签
<p>....</p> :段落标签；根据浏览窗口自动换行，段落与段落之间有空隙
<br />:换行标签；强制换行，是个单标签，简单换行
3/ 文本格式化标签
突出重要性，比普通文字更重要
加粗：strong
倾斜：em
删除线：del
下划线：ins
4/ <div>和<span>标签
没有语义， 用来装内容的盒子
<div>大盒子，用来做布局， 一行只能放一个<div>
<span>小盒子， 用来做布局， 一行可以做多个<span>
5/ 图像标签
<img src="图像url“>
图像的属性种类：
src (图片路径，必须属性）
alt (文本，替换文本）
title （文本， 提示文本）
width （像素，设置宽度）
height （像素，设置高度）
border （像素，设置边框粗细）
#所有属性无顺序
图像标签相对路径（在一个项目里面）
引用文件所在位置，就是图片相对于html页面位置
1/同一级路径
2/下一级路径
3/上一级路径
图像标签绝对路径
6/ 超链接标签
<a href="跳转目标 target="目标窗口的弹出方式”> 文本或图像</a>
目标窗口的弹出方式:_self为默认值，_blank为在新窗口打开
链接的分类：
外部链接：如<a href="http://www.baidu.com">百度</a>
内部链接：如<a href="index.html">首页</a>
空链接：如<a href="#">首页</a>
下载链接：如果是文件或压缩包，下载这个文件。 如<a href="img.zip">下载文件</a>
网页元素链接：如文本/图像/表格/音频/视频等可以添加超链接 如<a href="http://www.baidu.com"> <img /></a>
锚点链接：设置属性为#名字的属性
链接文本, 如<a href="#two">第二集</a>
目标位置标签：id属性=刚才的名字。如<h3 id="two">第二集介绍</a>
7/ 注释
<!--注释语句-->
快捷键：ctrl+/
给程序员看的，不出现在页面中，只是为了解释代码，便于理解和阅读
8/ 特殊字符
重点记住：空格、大于号、小于号。其他用时查阅即可
以上是关于HTML 上半部分笔记分享的主要内容，如果未能解决你的问题，请参考以下文章
（2020上半年第23天（其他漏洞-文件包含））小迪网络安全笔记
2020上半年第25天（免杀-后门免杀及反杀））小迪网络安全笔记