HTML速通复习1-HTML计划4月底去实习，因为之前有前端开发的一定基础，我决定一个月的时间，把所有我丢掉的知识，全部

读研了，感觉本科学的那些前端知识都忘干净了，现在出去实习找前端开发的欲望真的达到了顶峰！！计划4月底去实习，因为之前有前端开发的一定基础，我决定一个月的时间，把所有我丢掉的知识，全部捡起来！首先是最最简单的HTML速通复习，找找感觉~~~2025.03.07

1 HTML学习

1.1 HTML

1.1.1 HTML基础

之前已经有过一定的基础，所以现在要把html捡起来似乎并没有那么难，我主要是速通一遍html

（1）标题

<h1>一级标题</h1> 
<h2>二级标题</h2>

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>

（2）段落

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

（3）链接

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

（4）图像

<img src="http://static.nowcoder.com/acm/images-acm/img/home/nk-head.png" />
注意： 图像的名称和尺寸是以属性的形式提供的。

1.1.2 HTML元素

HTML 元素语法：

HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性

HTML 空元素：

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。 <br> 就是没有关闭标签的空元素（<br> 标签定义换行）。在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。

大小写问题：

HTML 标签对大小写不敏感：<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。

牛客教程使用的是小写标签，因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。

1.1.3 HTML样式

CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的.

CSS 可以通过以下方式添加到HTML中:

内联样式- 在HTML元素中使用"style" 属性
内部样式表 -在HTML文档头部 <head> 区域使用 <style> 元素来包含CSS
外部引用 - 使用外部 CSS 文件

**最好的方式是通过外部引用CSS文件.*：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>牛客教程(nowcoder.com)</title> 
<link rel="stylesheet" type="text/css" href="//static.nowcoder.com/tutorial/web-examples/css/styles.css">
</head>
<body>
	<h1>我使用了外部样式文件来格式化文本 </h1>
	<p>我也是!</p>
</body>
</html>

1.1.4 HTML图像

<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">

提示: 指定图像的高度和宽度是一个很好的习惯。如果图像指定了高度宽度，页面加载时就会保留指定的尺寸。如果没有指定图片的大小，加载页面时有可能会破坏HTML页面的整体布局。

基本的注意事项 - 有用的提示：

注意: 假如某个 HTML 文件包含十个图像，那么为了正确显示这个页面，需要加载 11 个文件。加载图片是需要时间的，所以我们的建议是：慎用图片。

注意: 加载页面时，要注意插入页面图像的路径，如果不能正确设置图像的位置，浏览器无法加载图片，图像标签就会显示一个破碎的图片。

1.1.5 HTML表格

<table border="1">  设置border 表示有边框  样式如下
    <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>

1.1.6 HTML列表

无序列表：

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

有序列表：

<ol>
    <li>Coffee</li>
    <li>Milk</li>
</ol>

自定义列表：

<dl>
    <dt>Coffee</dt>
    <dd>- black hot drink</dd>
    <dt>Milk</dt>
    <dd>- white cold drink</dd>
</dl>

另外，列表可嵌套

1.1.7 HTML区块

HTML 可以通过 <div> 和 <span> 将元素组合起来。

HTML 区块元素：

大多数 HTML 元素被定义为块级元素或内联元素。

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

实例: <h1>, <p>, <ul>, <table> 。

HTML 内联元素

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

实例: <b>, <td>, <a>, <img> 。

HTML `<div>` 元素

HTML <div> 元素是块级元素，它可用于组合其他 HTML 元素的容器。元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。

HTML `<span>` 元素

HTML <span> 元素是内联元素，可用作文本的容器

<span> 元素也没有特定的含义。

当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。

1.1.8 HTML表单和输入

HTML表单

<form>
    input 元素
</form>

使用<form>标签

HTML 表单 - 输入元素

多数情况下被用到的表单标签是输入标签（<input>）。

输入类型是由类型属性（type）定义的。大多数经常被用到的输入类型如下：

文本框（Text Fields）

type='text'

<form>
    First name: <input type="text" name="firstname"><br>
    Last name: <input type="text" name="lastname">
</form>

密码字段

<input type="password">

复选框（Checkboxes）

<form>
    <input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
    <input type="checkbox" name="vehicle" value="Car">I have a car
</form>

提交按钮（Submit Button）

<input type="submit">

下拉列表

<form action="">
    <select name="cars">
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="fiat" selected>Fiat</option>
        <option value="audi">Audi</option>
    </select>
</form>

1.1.9 HTML框架

这个板块我不是很熟悉感觉很少用吧

通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。

<iframe src="URL"></iframe>   这个url指向不同的网页，可以设置高度  
<iframe src="x.html" frameborder="0"></iframe>无边框

<iframe src="x.html" name="iframe_a"></iframe>
<p><a href="http://www.nowcoder.com" target="iframe_a">NOWCODER.COM</a></p>点击这个链接，上面的iframe里面会显示http://www.nowcoder.com这个网页

1.1.10 HTML颜色

个人感觉这个部分不重要

提示: 17标准颜色：黑色，蓝色，水，紫红色，灰色，绿色，石灰，栗色，海军，橄榄，橙，紫，红，白，银，蓝绿色，黄色

1.1.11 字符实体

HTML 中的预留字符必须被替换为字符实体。

一些在键盘上找不到的字符也可以使用字符实体来替换。

HTML 实体

个人感觉比较常见的是

空格：&nbsp;
小于号：&lt;
大于号：&gt;

需要的时候可以查一下

HTML 中的常用字符实体是不间断空格()。

浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格，在显示该页面之前，浏览器会删除它们中的 9 个。如需在页面中增加空格的数量，您需要使用字符实体。

1.1.12 HTML中的URL

URL（Uniform Resource Locators）是一个网页地址。

URL可以由字母组成，如"nowcoder.com"，或互联网协议（IP）地址： 114.55.207.244。大多数人进入网站使用网站域名来访问，因为名字比数字更容易记住。

URL可以之后专门学习一下

1.1.13 XHTML

emmm感觉html够用了，暂且不学了

HTML速通复习1-HTML