html ul li 左右两排_写HTML上，笔记-CSDN博客

HTML标签是没有块级元素和内链元素的区别的，在CSS里面才有。HTML无法控制一个元素是内链原素还是块级原素，HTML不管样式，只管内容，定义这是什么东西。html就是告诉浏览器我这一段文字是什么意义。

nav标签，navigation导航栏

<img> 标签的 src 属性是必需的。它的值是图像文件的 URL，也就是引用该图像的文件的的绝对路径或相对路径。
<img> 标签的 alt 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。
<!DOCTYPE html>
<html>
<head>
<title>方方的个人简历</title>
<style>
</style>
title 属性规定关于元素的额外信息。
这些信息通常会在鼠标移到元素上时显示一段工具提示文本（tooltip text）。
提示：title 属性常与 form 以及 a 元素一同使用，以提供关于输入格式和链接目标的信息。同时它也是 abbr 和 acronym 元素的必需属性。
<style> 标签用于为 HTML 文档定义样式信息。
在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。
type 属性是必需的，定义 style 元素的内容。唯一可能的值是 "text/css"。
style 元素位于 head 部分中。
<body>
<div class="topNavBar（顶部导航条）">
<img src="#" alt="logo"/>
<nav>
<ul>
<li><a href="#">ABOUT</a></li>
<li><a href="#">SKILLS</a></li>
<li><a href="#">EXPERIENCE</a></li>
<li><a href="#">PRICING</a></li>
<li><a href="#">BLOG</a></li>
<li><a href="#">CALENDAR</a></li>
<li><a href="#">CONTACT</a></li>
<li><a href="#">OTHER</a></li>
<li><a href="#">ALL DEMOS</a></li>
</ul>
</nav>
</div>
上面的都是页内链接所以用a标签包起来，它是一个没有顺序的列表所以用ul标签把它们包起来
ul标签,unordered list 无序列表。li标签，list item 列表中的一项。ul是li的父亲，ul里边必须有li。
<a> 标签中必须提供 href 属性或 name 属性。<a> 标签的 href 属性用于指定超链接目标的 URL（URL可以用一种统一的格式来描述各种信息资源，包括文件、服务器的地址和目录等）

这个是主要内容用main标签表示，
<main>
<div class="card（我的名片）">
<div class="picture（图片）">
<img src="" alt="头像">
</div>
<div class="text（文字）">
<div class="profile（个人介绍">
<span class="welcome（问候语）">Hello</span>
<h1>蒋卫彬</h1>
<p>初级前端开发工程师</p>
<hr>（水平分割线）
<dl>
<dt>年龄</dt>
<dd>24</dd>
<dt>所在城市</dt>
<dd>济宁</dd>
<dt>邮箱</dt>
<dd>2296744617 @qq.com </dd>
<dt>手机</dt>
<dd>15811111111</dd>
</dl>
</div>
<footer class="media（社交媒体账号）">
<a href="#"><img src="#" alt="..."></a>
<a href="#"><img src="#" alt="..."></a>
<a href="#"><img src="#" alt="..."></a>
<a href="#"><img src="#" alt="..."></a>
<a href="#"><img src="#" alt="..."></a>
<a href="#"><img src="#" alt="..."></a>
<a href="#"><img src="#" alt="..."></a>
</footer>
</div>
</div>
<a class="button（按钮）" href"#">下载 PDF 简历</a>
<p>
蒋卫彬，初级前端工程师，现在在自学前端课程。<br>
学习：前端开发，Rails 开发，Node.js 开发
</p>
</main>
</body>
</html>
dl标签，description list 描述列表。
dl里面有两个标签分别是：
dt标签，description termm 词语的意思。
dd标签，description defenition 定义的意思。。
<dl> 标签定义了定义列表（definition list）。
<dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。
class 属性规定元素的类名（classname）。
class 属性大多数时候用于指向样式表中的类（class）。不过，也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。
<br> 可插入一个简单的换行符。
<br> 标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。在 XHTML 中，把结束标签放在开始标签中，也就是 <br />。
请注意，<br> 标签只是简单地开始新的一行，而当浏览器遇到 <p> 标签时，通常会在相邻的段落之间插入一些垂直的间距。
以上