html 基础总结

1.基础

head

<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接

外部：<link> 标签定义了文档与外部资源之间的关系。通常用于链接样式表

内部：<style> 标签定义了HTML文档的样式文件引用地址.

在<style> 元素中你也可以直接添加样式来渲染 HTML 文档

<script>标签用于加载脚本文件

META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据

 

 

标题（h1-h6,h1最大，h6最小）

<h1>这是一个标题</h1>

<h2>这是一个标题</h2>

<h3>这是一个标题</h3>

<hr> 标签在 HTML 页面中创建水平线。

<!-- 这是一个注释 -->

 

段落

<p>这是一个段落。</p>

<p>这是另外一个段落。</p>

文本格式化

<b>这个文本是加粗的</b>
<strong>这个文本是加粗的</strong>
<big>这个文本字体放大</big>
<em>这个文本是斜体的</em>
<i>这个文本是斜体的</i>
<small>这个文本是缩小的</small>
这个文本包含
_下标
这个文本包含
^上标

 

链接

<a href="https://www.runoob.com">这是一个链接</a>

在 href 属性中指定链接的地址。

 

 

 

图像

<img loading="lazy" src="/images/logo.png" width="258" height="39" />

 

元素（区块元素和内联元素）

块级元素在浏览器显示时，通常会以新行来开始（和结束）。

内联元素在显示时通常不会以新行开始。

<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。

html大小写不敏感

 

属性

属性一般描述于开始标签

属性值一般是单引号引用

 

表格

<table border="1">

<tr>                           行

<th>Header 1</th>   表头

<th>Header 2</th>

</tr>

<tr>

<td>row 1, cell 1</td> 单元格

<td>row 1, cell 2</td>

</tr>

<tr>

<td>row 2, cell 1</td>

<td>row 2, cell 2</td>

</tr>

</table>

 

列表

无序列表：

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

有序列表

<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

 

div用于页面布局

<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">主要的网页标题</h1></div>

 

form（文本域，密码，单选按钮，复选框等）