html路上的第二天

来源：互联网发布：阿北php 编辑：程序博客网时间：2024/06/16 10:29

我写的东西很杂也很凌乱，毕竟我学过，更多的是要复习。所以文末会推荐几个零基础学习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（有免费教学视频，也有很多视频开始收费了。）

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

阅读全文

0 0