html(1)------HTML入门

最新推荐文章于 2024-09-06 23:41:09 发布

It_Zhang0Yang

最新推荐文章于 2024-09-06 23:41:09 发布

阅读量568

点赞数

分类专栏： html js 文章标签： js html

本文链接：https://blog.csdn.net/It_Zhang0Yang/article/details/79679360

版权

html 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

HTML

程序开发有两种模式:

1、C/S 模式

c/s: Client / Server 客户端到服务器

C/S 程序架构的特点：它是客户端与服务器端的访问模式，客户端程序是一个独立的程序

2、B/S 模式

b/s 浏览器/服务器

特点是: 它的客户端不需要单独的应用程序，只要有一个浏览器，就可以作为客户端来访问服务器

B/S 也是主流开发模式

HTML ------------------超文本标志语言

(通过一组标记，产生一些可以与用户交互的控件)

作用：用于开发基于B/S架构的网页程序

网页程序的后缀名有: ****.html 或者 ***.htm

用什么工具开发 HTML程序

用记事本也可以开发网页程序

网页程序的基本结构:

<html>

<head>

<title>这是我的第一个网页</title>

</head>

<body>

要显示给用户看的内容

</body>

</html>

-------------------------------------

如果在写网页程序的时候，没有指定html,head,body这些标记，所有的代码，默认包含在HTML标志中的body部份

编写网页的专业工具: DreamWeaver (网页三剑客之一)

网页三剑客:

DreamWeaver--帜梦剑

Flash

Firework

<body backgroundColor="yellow"> ----------标记(元素)

<body>---标记

backgroundColor="yellow" 它是依附在标记的信息，这些内容，我们称: 属性

<标记属性名称=“属性值”>

<body>常见属性:

bgcolor----------设置页面的背景颜色

backgound--------设置背景图片

<bgsound src="音乐的路径"> --用于设置网页的背景声音

<h1>----<h6> 这些是标题标记，字体加粗黑体显示,H1的字段最大 H6的字体最小

<font size="100px"></font>--------字体标记

size---设置字体大小，单位是px(像素)

color---设置字体颜色

<Br> ------------网页中的换行标记

<p>内容</p> -----------段落标记，写在段落标志中的内容，都会自动换行

<hr> ------------水平线标记

<center></center>----居中对齐标记

<img src="" width="50px" heigh="50px">---图片标记

src用于指定图片的位置

width="" 宽

height="" 高

-----------------------------------------------------------------------------

<ol>

</ol>

有序列表

<li>----称为：列表项

如果把<li>包含在<ol>中，它就会成为一个有序列表

---------------------

<ul>

</ul>

---无序列表

-------------------------

-----------------------------------------------------------------------

超连接标记 <a>

作用:

1、页面间的导航 (从一个页面，跳转到另一个页面)

2、发送电子邮件

3、页面内部导航

当用鼠标点击“文本”的时候，页面就会自动跳转到新的地址

---------------------------------------------------------------------

一个文件夹中，如果包含有很多html页面，通常我们认为: index.html是一个网页的首页

<a href="second.html" target="_self">进入</a> --这种方式，是从原来的网页直接跳转到新的网页

产生一个新页面，显示链接以后的地址，原来的页面依然存在

------------------超连接发送邮件

语法: <a href="mailto:邮件地址">给我写信</a>

------------------超连接内部导航(锚标记)

第一步，先做锚标记

第二步，跳转至对应标记

-----------------------------------------------------------------------------------

网页中特殊符号:

  -----------代表一个空格

< ------------ < less than

> ------------ >

<pre></pre> -------预定义格式标签，写在这个标记的内容，它会原样输出

-----------------------------------------------------------------------

marquee-----------跑马灯(滚动字幕)

οnmοuseοver="this.stop()" ---当鼠标停留在跑马灯上时，停止滚动

οnmοuseοut="this.start()" 鼠标离开跑马灯，继续滚动

direction="left" 设置滚动方向

scrollamount="3" 设置滚动速率，值越小，越慢

HTML

程序开发有两种模式:

1、C/S 模式

c/s: Client / Server 客户端到服务器

C/S 程序架构的特点：它是客户端与服务器端的访问模式，客户端程序是一个独立的程序

2、B/S 模式

b/s 浏览器/服务器

特点是: 它的客户端不需要单独的应用程序，只要有一个浏览器，就可以作为客户端来访问服务器

B/S 也是主流开发模式

HTML ------------------超文本标志语言

(通过一组标记，产生一些可以与用户交互的控件)

作用：用于开发基于B/S架构的网页程序

网页程序的后缀名有: ****.html 或者 ***.htm

用什么工具开发 HTML程序

用记事本也可以开发网页程序

网页程序的基本结构:

<html>

<head>

<title>这是我的第一个网页</title>

</head>

<body>

要显示给用户看的内容

</body>

</html>

-------------------------------------

如果在写网页程序的时候，没有指定html,head,body这些标记，所有的代码，默认包含在HTML标志中的body部份

编写网页的专业工具: DreamWeaver (网页三剑客之一)

网页三剑客:

DreamWeaver--帜梦剑

Flash

Firework

<body backgroundColor="yellow"> ----------标记(元素)

<body>---标记

backgroundColor="yellow" 它是依附在标记的信息，这些内容，我们称: 属性

<标记属性名称=“属性值”>

<body>常见属性:

bgcolor----------设置页面的背景颜色

backgound--------设置背景图片

<bgsound src="音乐的路径"> --用于设置网页的背景声音

<h1>----<h6> 这些是标题标记，字体加粗黑体显示,H1的字段最大 H6的字体最小

<font size="100px"></font>--------字体标记

size---设置字体大小，单位是px(像素)

color---设置字体颜色

<Br> ------------网页中的换行标记

<p>内容</p> -----------段落标记，写在段落标志中的内容，都会自动换行

<hr> ------------水平线标记

<center></center>----居中对齐标记

<img src="" width="50px" heigh="50px">---图片标记

src用于指定图片的位置

width="" 宽

height="" 高

-----------------------------------------------------------------------------

<ol>

</ol>

有序列表

<li>----称为：列表项

如果把<li>包含在<ol>中，它就会成为一个有序列表

---------------------

<ul>

</ul>

---无序列表

-------------------------

-----------------------------------------------------------------------

超连接标记 <a>

作用:

1、页面间的导航 (从一个页面，跳转到另一个页面)

2、发送电子邮件

3、页面内部导航

当用鼠标点击“文本”的时候，页面就会自动跳转到新的地址

---------------------------------------------------------------------

一个文件夹中，如果包含有很多html页面，通常我们认为: index.html是一个网页的首页

<a href="second.html" target="_self">进入</a> --这种方式，是从原来的网页直接跳转到新的网页

产生一个新页面，显示链接以后的地址，原来的页面依然存在

------------------超连接发送邮件

语法: <a href="mailto:邮件地址">给我写信</a>

------------------超连接内部导航(锚标记)

第一步，先做锚标记

第二步，跳转至对应标记

-----------------------------------------------------------------------------------

网页中特殊符号:

  -----------代表一个空格

< ------------ < less than

> ------------ >

<pre></pre> -------预定义格式标签，写在这个标记的内容，它会原样输出

-----------------------------------------------------------------------

marquee-----------跑马灯(滚动字幕)

οnmοuseοver="this.stop()" ---当鼠标停留在跑马灯上时，停止滚动

οnmοuseοut="this.start()" 鼠标离开跑马灯，继续滚动

direction="left" 设置滚动方向

scrollamount="3" 设置滚动速率，值越小，越慢

It_Zhang0Yang

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html(1)------HTML入门

HTML程序开发有两种模式: 1、C/S 模式 c/s: Client / Server 客户端到服务器C/S 程序架构的特点：它是客户端与服务器端的访问模式，客户端程序是一个独立的程序 2、B/S 模式 b/s 浏览器/服务器特点是: 它的客户端不需要单独的应用程序，只要有一个浏览器，就可以作为客户端来访问服务器B/S 也是主流开发模式HTML ----...
复制链接

扫一扫

专栏目录