HTML + CSS（超文本标记语言——HyperText Markup Language）
现在用的版本为html5加css3
html弱类型语言
万维网联盟W3C
HTML文件后缀名 html，htm
HTML
标签（元素，节点）: 开标签 关标签 内容 <br/>
属性 : 属性名="属性值" name="张三"
字符集编码
HTML标签：
<h1>~<h6>:标题标签（没有h7标签，只有这么多）
<p>:段落标签（这也是块标签，独占一行）
<br/>：强制换行
<strong>:字体加粗（字体只加粗，不会变大）
<em>:字体倾斜
<hr/>水平线（独占一行）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h2>人物简介</h2> <strong>李清照</strong>（<em>1084年3月13日—1155年5月12日</em>） ，宋代女词人,号易安居<br/> 士， 婉约词派代表，有“千古第一才女”之称。早期生活优裕，金兵入<br/> 据中原时，流寓南方，境遇孤苦。所作词，前期<br /> 多写其悠闲生活， 后期多悲叹身世， 情调伤感。形式上善用白描手法，自辟途径， 语言清丽。<br /> 论词强调协律，崇尚典雅，提出词“别是一家”之说，反对对作诗文之<br /> 法作词， 留有诗集《易安居士文集》、《易安词》等。<br /> <hr/> ©北大青鸟版权所有 </body> </html>
<img/> 图片标签
属性： src alt title width height
src：绝对路径，相对路径（相对路径前面没有反斜杠，绝对路径前面有反斜杠）
路径还分为外部路径和内部路径，带有http的是外部路径
alt: 路径错误提示 （在路径加载出错时才会显示）
title：鼠标悬浮提示（常用于一下显示不出来内容，悬停方便看整体内容）
width： 图片宽度 像素（px）像素
<a href="detail.html" target="_blank"> <img src="image/img1.png" alt="姑娘，欢迎降落在这残酷的世界" title="姑娘，欢迎降落在这残酷的世界" /> </a>
_blank为在新窗口打开 默认的是_self也就是覆盖原有窗口进行打开
链接标签
<a href="path" target="目标窗口位置">链接文本或图像</a>
常用的超链接包含页面间链接，锚链接，功能性链接
<a name="marker">乙位置</a>
<a href="#marker">甲位置</a>
从甲位置可以跳到乙位置，可以从页面之间跳，也可以页面里面跳
功能性链接一般用不到<a href="mailto:bdqnWebmaster@bdqn.cn">联系我们</a>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>仿京东快速购物导航</title> <style> p{ position: fixed; right: 5%; top: 50%; font-size: 40px; } </style> </head> <body> <a name="f1"> <img src="img/联想截图_20240403134415.png"height="900"width="1600"/></a> <a name="f2"> <img src="img/联想截图_20240403134436.png"height="900"width="1600"/></a> <a name="f3"> <img src="img/联想截图_20240403134448.png"height="900"width="1600"/></a> <a name="f4"> <img src="img/联想截图_20240403134458.png"height="900"width="1600"/></a> <p> <a href="#f1">F1</a> <br/> <a href="#f2">F2</a> <br/> <a href="#f3">F3</a> <br/> <a href="#f4">F4</a> </p> </body> </html>
特殊符号
:空格(可以用作两个距离大于一个空格的时候）
<:小于号
>:大于号
©:版本号
HTML注释：
<!--注释内容--> 快捷键：ctrl +/
行内元素和块元素
行内元素用内容撑开宽度(a strong em)
而块元素则独占一行（p h1-h6)
