03-ASP（网页设计基础）

标题网页设计所用的基础语言是html，html并不是我们所说的高级程序设计语言，他是属于超文本标记语言，也就是用特定的标识符来指明文档不同的内容，所以在学习网页设计时，就会很频繁的提到“标签”这个词。下面主要是对网页设计中最常用的一些标签的用法的介绍。

1、html、head、body标签
这三个标签，构成了网页设计的基本结构。

<html>标明这是一个html文件
<head>
这一部分，提供与网页相关的信息，比如网页的标题等
</head>
<body>
这一部分是网页的正文部分，可以放置文本，图像，动画，超链接等内容，这些内容都有对应的标记。
</body>
</html>

需要注意的是，标记有单标签和双标签两种，双标签必须成对出现，上面的三种标签都属于双标签，可以看到<**></**>成对的出现。
2、文字和段落编辑

<h1><h2>…<h6>标题样式，h1代表1级标题样式，h2即代表2级标题样式，以此类推。用法：
<h1>这里写一级标题</h1>
<i>定义斜体文本
<b>定义粗体文本
<big>定义大号文本，通常是用比正文更大的自豪来显示
<small>定义小号文本，通常是用比正文更小的字号来显示
<sup>定义上标文本，如x的二次方，用法：
x<sup>2</sup>
<sub>定义上标文本，用法同上。
<U>加底线
<FONT>…</FONT>，可以设定字体的大小、颜色、字型。默认字体的大小为3，SIZE=1~7。
<FONT SIZE=4>字体大小为4</FONT>
<FONT SIZE=-2>字体大小为1</FONT>
<FONT COLOR=#FF00FF>设定字体颜色</FONT>
<FONT FACE=楷体>设定字体字型</FONT>
<p>段落标记，一般情况下空白符会被忽略。所以想要保证正茶馆的分段换行，就需要使用这个标签，段落与段落之间会自动添加空行。
<br>换行标记，只表示换行，它属于单标签。
<pre>预格式化标记，很适合显示计算机代码，因为会保留空格和换行符。
<center>居中标记，这个用法就字面意思喽
<hr>水平线标记，可以在网页中用于分隔内容，可以通过属性来设置水平线的宽度，高度，颜色，是否有阴影等等。他也是一个单标签。
3、元信息标记<meta>
主要用于设置字符集、网页关键字及描述信息、页面的刷新和跳转等内容。下图中，通过浏览器搜索，得到的关于一个网站的大致介绍等内容，都是包含在<meta>标记中的。

4、主体标签<body>
body除了包含文本，图像，动画，超链接等内容之外，还可以对页面的各种属性进行设置，下表就是<body>标记的属性表。

属性	描述
text	设置页面正文的颜色
bgcolor	设置页面背景的颜色
background	设置页面的背景图像
bgproperties	设置页面的背景图像为固定，不随页面滚动而滚动
link	设定页面默认的链接颜色
alink	设定鼠标单击是的链接颜色
vlink	设定访问后的链接颜色
topmargin	设定页面的上边距
bottommargin	设定页面的底边距
leftmargin	设定页面的左边距
rightmargin	设定页面的右边距

5、常用的HTML标记

超链接标记<a>
<a href=url地址 target=打开窗口的方式>文本</a>
其中target用来设置链接到目标的窗口打开方式，_blank：在新窗口打开；_parent：目标直接显示在父框架中；_self：目标显示在当前窗口中，是默认值。
图片标记<img>
<img src=图片文件名 width=200 height=300></img>图片标记中，也可以设置其图片的大小等属性。
表格
在<table>标签中设置整个表格的大小边框等属性。在<tr>标签中设置这一行表格的属性。
在<td>标签中设置该单元格的属性及其内容

<table width="800" height="200" border="1"><tr><td>姓名</td><td>星座</td></tr><tr><td>张三</td><td>双子座</td></tr>
</table>

姓名	星座
张三	双子座

显示的可能就是这样一个表格（因为代码中没有设置表格的背景色，所以忽略实例表格中的颜色）

列表标记
有序列表<OL>，以数字或者字母顺序排列
无序列表<UL>，清单项目以圆点或者小方块等排列

03-ASP（网页设计基础）相关推荐

HTML网页设计基础期末作业——绿色化妆品网页(HTML+CSS)
HTML网页设计基础期末作业--绿色化妆品网页(HTML+CSS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板 ...
网页设计基础教程最最简单的一个ppt
呵,马上要给一位朋友讲一下网页设计基础了,就简单地做了个ppt.内容如下: 1.html基础 2.asp基础 3.小事例 4.真实案例完善 ppt中写的非常概括,或者叫做对非常简单也行.我觉得只要能够 ...
《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》—— 第1章网页设计基础知识...
本节书摘来异步社区<网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通>一书中的第1章,作者: 何新起 , 任 ...
关于IIS不能浏览ASP网页和不能浏览后台(转)
由于刚在学ASP,自己主攻方向也不是网页,但是开了课就学学.学就要装IIS这一装还发现了不少问题.现在与在家分享我的个人经验: 第一就是大家装好了IIS就是不能打开ASP的网页,HTML的就可以. 这 ...
ASP网页与HTML网页的区别是什么
ASP网页与HTML网页的区别什么是htmL: htmL(hypertextmark-upLanguage)即超文本标记语言,是www的描述语言. 设计htmL语言的目的是为了能把存放在一台电脑中的 ...
HTML网页设计基础期末作业——仿Coco线上订奶茶饮料网站设计与实现6个页面(HTML+CSS+JavaScript)...
HTML网页设计基础期末作业--仿Coco线上订奶茶饮料网站设计与实现 6个页面(HTML+CSS+JavaScript) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...
HTML网页设计基础——图文混排
HTML网页设计基础--图文混排案例: 分析:该题的属性有图片,加粗,斜体,下划线,还有水平线,还有空格的使用代码:
Dreamweaver Flash Photoshop网页设计基础与实例教程(职业白金版)
Dreamweaver & Flash & Photoshop网页设计基础与实例教程(职业白金版) 基本信息作者: 龙飞丛书名: 培训专家出版社:电子工业出版社 ISBN:978 ...
使用NetBox实现ASP网页封装为EXE教程
使用NetBox实现ASP网页封装为EXE教程简单的形容就是把ASP文件打包成一个EXE文件,并且不需要在调试的机器上安装IIS即可正常调试.如果按照说明书来操作的话,观看比较繁琐,本人为方便大家 ...
HTML网页设计基础笔记 • 【目录】
持续更新中- 我的大学笔记>>> 章节内容第1章 HTML网页设计基础笔记 • [第1章 HTML5基础] 第2章 HTML网页设计基础笔记 • [第2章排列页面内容] 第3章 ...

03-ASP（网页设计基础）

03-ASP（网页设计基础）

03-ASP（网页设计基础）相关推荐

最新文章

热门文章