html路上的第二天

最新推荐文章于 2025-07-31 17:32:21 发布

原创最新推荐文章于 2025-07-31 17:32:21 发布 · 168 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

html 专栏收录该内容

2 篇文章

订阅专栏

我写的东西很杂也很凌乱，毕竟我学过，更多的是要复习。所以文末会推荐几个零基础学习HTML的网站给大家。

今天学习在HTML中添加CSS样式。一共有三种方法：外部样式表，内部样式表，内联样式。

 外部样式表：引用一个文件来更改网页的CSS样式。适用于多个页面需要相同的样式时。我们把样式写成一个文件，只要在想使用该样式的网站中加入下面的这句话。

 例如：<head>	<link rel="stylesheet" type="text/css" href="文件名.css">
       </head>

  内部样式表： 在网站的head中更改网页的CSS样式。适用于更改整个网页的样式，样式都写在一起方便查看和更改。

  例如：<head>
         <style type="text/css">
           body {background-color: red}
           p {margin-left: 20px}
        </style>
       </head>

  内联样式：直接在标签后更改其样式，适用于更改个别元素的样式，突出差异时。

  例如：<p style="color: red; margin-left: 20px">         This is a paragraph
       </p>

  1.区隔标签<div></div>设定字、画、表格等的摆放位置

  2.不折行标签<nobr></nobr>令文字不因太长而绕行

  3.建议折行标签<wbr></wbr>预设折行部位

  4.基准字形标签<basefont>设定所有字形、大小、颜色

  5.清单标签

<ol> 顺序清单 清单项目以数字、字母顺序排列
<ul> 无序清单 清单项目将以圆点排列
<li> 清单项目 每一标签标示一项清单项目
<menu> 选单清单 标签用于上下文菜单、工具栏以及用于列出表单控件和命令
<dir> 目录清单 标签定义目录列表
<dl> 定义清单 标签定义了定义列表
<dt> 定义条目 标签定义了定义列表中的项目
<dd> 定义内容 标签定义了定义列表中的内容

6.表格标签

<table> 表格标记 设定该表格的各项参数
<caption> 表格标题 打通列以填入表格标题
<tr> 表格列 设定表格列
<th> 表格表头 表格行头，文字加粗
<td> 表格行 设定表格行

推荐零基础人员学习软件的网站：(我与下列网站没有任何关系，只是个人学习使用觉得比较方便)

W3shool:http://www.w3school.com.cn/index.html（免费的WEB学习网站）

mozilla：https://developer.mozilla.org/zh-CN/(mozilla公司的免费WEB学习网站，还有很多开发工具和firefox浏览器的扩展)

慕课网：http://www.imooc.com/learn/9（有免费教学视频，也有很多视频开始收费了。）

当然其他网站还有很多。欢迎指点补充。对我写的内容有什么疑问或错误也欢迎指出。大家一起学习共同进步。

<ol>	顺序清单	清单项目以数字、字母顺序排列
<ul>	无序清单	清单项目将以圆点排列
<li>	清单项目	每一标签标示一项清单项目
<menu>	选单清单	标签用于上下文菜单、工具栏以及用于列出表单控件和命令
<dir>	目录清单	标签定义目录列表
<dl>	定义清单	标签定义了定义列表
<dt>	定义条目	标签定义了定义列表中的项目
<dd>	定义内容	标签定义了定义列表中的内容

<table>	表格标记	设定该表格的各项参数
<caption>	表格标题	打通列以填入表格标题
<tr>	表格列	设定表格列
<th>	表格表头	表格行头，文字加粗
<td>	表格行	设定表格行