网页制作基础知识整理1（课堂笔记）

最新推荐文章于 2024-09-11 22:17:51 发布

gogntao_

最新推荐文章于 2024-09-11 22:17:51 发布

阅读量1.6k

点赞数 2

分类专栏：网页基础文章标签：标签网页基础

本文链接：https://blog.csdn.net/lanjiaoyin/article/details/18100031

版权

网页基础专栏收录该内容

2 篇文章 0 订阅

订阅专栏

今天在网上听得课，记录的笔记，整理如下：

1：<meta>标签里主要写的是当前页面的字体，采用的协议以及具体的属性。

2：强制换行标签：<br> 强制分段标签：<p> 分隔线：<hr> 橘色的分隔线：<hr color = "#ff8000" width(宽度) = "240px" size(厚度) = "5" align(位置属性) = "left/center/right"，noshade(无阴影，显示为实心线，否则默认为空心线)>
3：排版标签：文字置左、置中、置右
<p align = "left/center/right"> text </p>
置中标签：<center></center>
向右缩排标签：
缩排一个单位：<blockquote></blockquote>
缩排两个单位：<blockquote><blockquote></blockquote></blockquote>
保存原始格式标签：<pre> text </pre> 标签间的文本以原来的排版格式原封不动的显示出来。
4：字体标签：
标题标签：<h1>标题标签</h1>（字体显示为粗体，h1为最大号，h6为最小号）
字体大小标签：<font size = 1(min) - 7(max)></font>
字体变化标签：<b>粗体</b> <i>斜体</i> <u>下划线</u> <code>原始码</code>
字体字形的名称：<font face = "字形名称">文字</font>
5：影像标签：<img src = ".../ddd.gif" alt="提示信息（鼠标停放时的提示信息）"
align = right border = 0 hspace = 2 vspace = 2 height = 56 width = 32>
6：网页图片的格式一般是jpg或是gif格式。其他一般不支持。
7：背景标签：<body bgcolor = "#fffff" background = ".../ddd.jpg">,其中背景图片尽量不要太大（意思是内容太多），一般情况下两个属性同时书写，以防图片过大未被加载时网页显示空白。
8：内文，链接文字的颜色设定：
<body text = "#000000" link = "#0000ff", vlink = "#ff00ff" alink = "#ff0000">
分别指的是文字的颜色，链接的颜色，按下链接时的颜色，以及按下之后的颜色。
9：链接标签：
<a href = "绝对路径或是相对路径（按与当前网页的存储路径关系分别，在网络上显示绝对路径可以在网络上标明绝对路径）">
网页内部的链接：
步骤一：<a name = "here">你想链接的部分</a>
步骤二：<a href = "#here">text</a>
10:表格标签：
步骤1：利用<table></table>标签告诉电脑我们要制作一个表格。
步骤2：利用<tr></tr>先做一个横列，再用<td></td>分出栏目
步骤3：重复步骤2制作成多行多列的表格。
合并表格单元
<tr><td colspan/rowspan（合并行/列）= n（你想合并多少行/列）>
表格背景、底色的设定：
<tr bgcolor = "#dfasd" border = "5", bordercolor = "#kkkkk"></tr>
表格栏距设定：利用CELLPADDING属性来定义文字距格线的距离，一般而言设为2
11：序列标签，无序标签或有序标签。
1）无序标签：
<ul type（列前标的形状） = "circle(空心圆)/disk(实心圆)/square(小正方形)">
<li>第一序列 <li>第二序列......<li>第N序列 </ul>
2）有序标签：
<ol type = "A"> <li> <li> ... <li> </ol>