学生个人网页制作html(学生个人网页制作html教程)

需要一份html教程的网页制作,主题是我的个人网页,

这是我在大学学的知识

给你借鉴一下,希望对你有帮助

网页设计教程

文字操作(一)

1、段落

……

在dreamweaver设计界面中,enter(回车)即为另起一段。

2、换行

在dreamweaver设计界面中,shift+enter即为另起一段。

3、标题1~6

……

标题1最大,依次变小。

4、空格:

Dreamweaver只允许一次空格,如果需要使用连续空格,则需要设置,或使用 ;

或使用快捷键:ctrl+shift+space(空格键)

5、水平线


size:水平线的粗细

width:长度

align:对齐方式

文字操作(二)

一、几个文字特殊效果

1、加粗

2、倾斜

3、上标(适合用代码来实现,设计中无法完成)

4、下标(适合用代码来实现,设计中无法完成)

随着css的逐渐普及,文字的效果都更多的通过css来实现,以上的几个标签作为了解即可。

二、文字列表

1、无序列表

无序列表有两个标签

  • CSS教程
  • DOM教程
  • XML教程
  • Flash教程

2、有序列表

有序列表有两个标签

  1. CSS教程
  2. DOM教程
  3. XML教程
  4. Flash教程

一、如何获取图像

最好的途径是通过互联网

二、使用设计界面插入图像

1、菜单(一个图片属性:替换文字)

2、工具栏

三、图像格式扩展阅读:

JPEG图像、GIF图像、PNG图像

一、超级链接的基本知识

1、含义:实现网页之间的跳转和联系

2、分类:

相对链接在同一站点不同位置之间的链接

二、三种常见的超级链接

1、文字链接

">百度

2、图像链接

3、图像热点链接

===============

还有不是太常用的链接

1、空连接空连接

2、锚链接:在同一页面的不同位置跳转

三、链接的属性

链接目标

"target="_blank">百度

一、设计界面

1、单元格间距

2、单元格边距

1、从属关系:表格由行组成,行由单元格组成。

表格:

……

行:

……

单元格:

……

2、

标签的属性

bgcolor:背景色

cellspacing:表格的单元格间距(间距)

cellpadding:表格的单元格边距(填充)

文字占据一行

文字不占据一行

、html引入css的几种方法

1、链接式

将css代码写在一个独立的文件中,文件的扩展名为.css。然后在html网页中使用标签将外部css文件放在之间。举例:

无标题文档

2、嵌入式

将Css代码写在之间,并且用

包含起来,如果考虑到兼容性,可以再使用将css代码包含其中。

无标题文档

font-family:"楷体_GB2312";

font-size:18px;

1.标签选择器:

就是网页元素本身,所有的XHTML框架中的标签都可以作为CSS样式的选择器,如定义段落样式,我们可以选择P标签的名称,即把P作为选择器。P{/*定义段落属性*/}。如果定义了标签样式,则整个网页中使用了该标签都会应用这个样式。一般应用在统一文档的某个元素的显示样式中。

2.ID选择器:

它是唯一的,网页中不同的元素它的ID是不一样的。而且一个元素它只能应用一个ID。因为如果我们使用Javascript来控制网页元素的时候它是通过ID来实现的,在这种情况下就无法正常工作了。它在定义的时候用#开始,它在应用的时候用id=””。它的名称由设计者来确定。

3.类选择:

它的名称也是由设计者来确定的,它在定义的时候用点号开始,应用的时候用class=“”;它与ID选择器所不同的是它具有一对多的特性而ID是一对一的特性。也就是说一个类选择器它可以应用到多个网页元素中而且一个元素可以应用多个类,一个元素也可以应用两个类样式,中间用空格分开,但不能是三个或者更多。在同等条件下,ID具有比class更高的优先权。

1、复杂类选择器

p.one{color:red}

.one可以用于各种标签;而。two只能用于p标签。

2、后代选择器

divp{color:#00FF00}

这是一个标题。

我是一个兵。

3、组合选择器(集体声明)

p,h1,.one{color:red}

4、通用选择器

对html文档的所有元素进行控制。

*{color:red;}

5、伪类选择器

a:link;hover;visited;active

或者:a.one:link;a#two:link

当用css定义链接的各种状态时,一定要注意其书写顺序,即::link:visited:hover:active。

如果不按照该顺序书写可能无法达到自己希望的效果。

1.大小font-size

大小就是字号,可以直接填入数字,然后选择单位。

font-style

设置文字的外观,包括正常、斜体、偏斜体。

3.行高line-height

这项设置在网页制作种很常用。设置行高,可以选择“正常”,让计算机自动调整行高,也可以使用数值和单位结合的形式自行设置。需要注意的是,单位应该和文字的单位一致,行高的数值是包括字号数值在内的。例如,文字设置为12pt,如果要创建一倍行距,则行高应该为24pt。

4.修饰font-decoration

文本的特殊样式:上下划线、删除线、闪烁(IE不支持此效果)

5.粗细font-weight

设置文字的加粗还是变细的效果。

6.颜色color

设置文字的色彩。

颜色的表示方法常见的有RGB模式、十六进制模式和名称模式。

7.字体font-family

设置文字的字体,注意多个字体的选择。

8.文本对齐text-align

设置文本的水平对齐方式。这里也不仅仅局限于文字,泛指所包含的内容。

9.文字缩进text-indent

这是最重要的项目。中文文字的首行缩进就是由它来实现的。首先填入具体的数值,然后选择单位。文字的缩进和字号要保持统一。如字号为12px,像创建两个中文自的缩进效果,文字缩进就应该为18px。

二、属性值:css中的单位

1、大小单位:px和em

2、颜色单位:red和#00ff00

三、css背景

1、背景色:background-color:(5-1)

2、背景图片:background-image:url(^);(5-3)

3、背景图片的重复方式:background-repeat:(5-5)

4、背景图片的位置:background-position:topright;(30%70%;水平位置垂直位置)(300px30px;)(5-8)

5、背景图片的固定与否:background-attachment:scroll;(fixed;)背景是否与网页内容一起滚动。(5-10)

fixed:背景不动,内容动;scroll:背景和内容一起滚动

6、背景图片的综合样式:background:blueurl(……)no-repeatfixed5px10px;

7、列表样式:list-style:

学生个人网页制作html

哪位好心人能给我几个简单的HTML静态网页制作的项目做?我是一个在校学生,有一些很不错的网站点子,所以...

做html网页有毛用?静态网页有什么用,除非你再做出个像hao123的,静态就是设计!没啥用,现在设计外面技术好的多了,随便一个好的中专设计的学生都会,干吗找你这种业余的。。学后台数据库。要不就好好读书吧。没错,建议学习数据库。建议学习几门语言。

html网页制作代码怎么?html网页制作代码怎么写

插入一个回车换行符

…… 从两边缩进文本

…… 创建一个定义列表

放在每个定义术语词之前

放在每个定义之前

…… 创建一个标有数字的列表

放在每个数字列表项之前,并加上一个数字

…… 创建一个标有圆点的列表

放在每个圆点列表项之前,并加上一个圆点

一个用来排版大块HTML段落的标签,也用于格式化表

图 形 元 素

添加一个图像

排列对齐一个图像:左中右或上中下

设置围绕一个图像的边框的大小

加入一条水平线

设置水平线的大小(高度)

设置水平线的宽度(百分比或绝对像素点)

创建一个没有阴影的水平线

表 格

…… 创建一个表格

…… 开始表格中的每一行

…… 开始一行中的每一个格子

…… 设置表格头:一个通常使用黑体居中文字的格子

表 格 属 性

设置围绕表格的边框的宽度

设置表格格子之间空间的大小

设置表格格子边框与其内部内容之间空间的大小

设置表格的宽度-用绝对像素值或文档总宽度的百分比

设置表格格子的水平对齐(左中右)

设置表格格子的垂直对齐(上中下)

设置一个表格格子应跨占的列数(缺省为1)

设置一个表格格子应跨占的行数(缺省为1)

禁止表格格子内的内容自动断行回卷

窗 框

…… 放在一个窗框文档的标签之前,也可以嵌在其他窗框文档中

定义一个窗框内的行数,可以使用绝对像素值或高度的百分比

定义一个窗框内的列数,可以使用绝对像素值或宽度的百分比

定义一个窗框内的单一窗或窗区域

…… 定义在不支持窗框的浏览器中显示什么提示

窗 框 属 性

规定窗框内显示什么HTML文档

命名窗框或区域以便别的窗框可以指向它

定义窗框左右边缘的空白大小,必须大于等于1

定义窗框上下边缘的空白大小,必须大于等于1

设置窗框是否有滚动栏,其值可以是"yes","no","auto",缺省时一般为"auto"

禁止用户调整一个窗框的大小

表 单 对于功能性的表单,一般需要运行一个CGI小程序,HTML仅仅是产生表单的表面样子。

学生个人网页制作html

网站程序怎么写-html网页制作代码怎么?html网页制作代码怎么写

插入一个回车换行符

…… 从两边缩进文本

…… 创建一个定义列表

放在每个定义术语词之前

放在每个定义之前

…… 创建一个标有数字的列表

放在每个数字列表项之前,并加上一个数字

…… 创建一个标有圆点的列表

放在每个圆点列表项之前,并加上一个圆点

一个用来排版大块HTML段落的标签,也用于格式化表

图 形 元 素

添加一个图像

排列对齐一个图像:左中右或上中下

设置围绕一个图像的边框的大小

加入一条水平线

设置水平线的大小(高度)

设置水平线的宽度(百分比或绝对像素点)

创建一个没有阴影的水平线

表 格

…… 创建一个表格

…… 开始表格中的每一行

…… 开始一行中的每一个格子

…… 设置表格头:一个通常使用黑体居中文字的格子

表 格 属 性

设置围绕表格的边框的宽度

设置表格格子之间空间的大小

设置表格格子边框与其内部内容之间空间的大小

设置表格的宽度-用绝对像素值或文档总宽度的百分比

设置表格格子的水平对齐(左中右)

设置表格格子的垂直对齐(上中下)

设置一个表格格子应跨占的列数(缺省为1)

设置一个表格格子应跨占的行数(缺省为1)

禁止表格格子内的内容自动断行回卷

窗 框

…… 放在一个窗框文档的标签之前,也可以嵌在其他窗框文档中

定义一个窗框内的行数,可以使用绝对像素值或高度的百分比

定义一个窗框内的列数,可以使用绝对像素值或宽度的百分比

定义一个窗框内的单一窗或窗区域

…… 定义在不支持窗框的浏览器中显示什么提示

窗 框 属 性

规定窗框内显示什么HTML文档

命名窗框或区域以便别的窗框可以指向它

定义窗框左右边缘的空白大小,必须大于等于1

定义窗框上下边缘的空白大小,必须大于等于1

设置窗框是否有滚动栏,其值可以是"yes","no","auto",缺省时一般为"auto"

禁止用户调整一个窗框的大小

表 单 对于功能性的表单,一般需要运行一个CGI小程序,HTML仅仅是产生表单的表面样子。

原创文章,作者:运营狗,如若转载,请注明出处:https://www.moyuseo.com/feyu/9452.html

(0)
运营狗运营狗
上一篇 2021年12月31日
下一篇 2021年12月31日

相关推荐

分享本页
返回顶部
欢迎来到互联网运营人学习交流技术网站!