网页设计与制作教程
2024-12-04 08:11:24 0 举报AI智能生成
网页设计与制作教程
作者其他创作
大纲/内容
第二章网页制作的排版方法
2.1 文字与段落排版
段落标签<p>文字</p >
标题标签<h #>标题文字<h#/>
换行标签<br/>
水平线标签<hr>
预格式化标签<pre>文本块<pre/>
缩排标签<blockquote>文本</blockquote>
2.2超链接
2.2.1超链接简介
超链接的定义
超链接的分类
路径
2.2.2超链接的应用
锚点标签<a>...</a>
指向其他页面的超链接<a href=""></a >
指向书签的超链接<a name=""></a >
指向下载文件的超链接<a href="文件名">热点文本</a>
指向电子邮件的超链接<a href="...@163.com">热点文本</a>
2.3图像
2.3.1图文标签<img src="">
图像的替换文本说明
<img src="图像名" alt="替代文字">
设置图像的大小
<img src="图像名" width="" height="">
图像的边框
<img src="" width="" height="" border="">
2.3.2图像超链接
<a href="http://www.baidu.com"><img src=""/></a>
2.3.3设置网页背景图像
<body background="背景图"></body>
2.4列表
2.4.1无序列表>
<ul ><li>无序列表第一项</li></ul>
2.4.2有序列表
<ol type="符号类型">
<li type="符号类型1">...</li >
</ol>
<li type="符号类型1">...</li >
</ol>
2.4.3定义列表
<dl><dt>...第一个标题项...</dt>
<dd>...对第一个标题项的文字解析...</dd>
</dl>
<dd>...对第一个标题项的文字解析...</dd>
</dl>
2.4.4嵌套列表
第一章网页制作的基础知识
1.1认识网页与网站
1.1.1网页、网站
网页
网站
常用术语
1.1.2静态网页和动态网页
静态网页
动态网页
1.2网页的基本构成元素
文本
超链接
图片和动画
音频和视频
交互表单
其他常见元素
1.3页面布局结构
1.3.1网页页面布局
1.3.2网页色彩搭配
1.4Web前端技术简介
1.4.1初识Web前端
1.4.2Web前端开发的三大核心技术
1.HTML
2.CSS语言
3.JavaScript语言
1.4.3Web前端开发工具
1.浏览器
2.网页编辑器
3.切图软件
1.5HTML语法基础
1.5.1HTML概述
1.语言
2.超文本
3.标记
1.5.2HTML基本结构
HTML文档标签<html>...</html>
HTML文档头标签<head></head>
文档编码
HTML文档主体标签<body></body>
1.6创建HTML文档
1.7网页头部文件
<title>标签
<title>标题</title>
<meta>标签
keywords
description
<link>标签
<link rel="" href="" type="">
<script>标签
<script type="text/javascript" src="脚本文件名n.js"></script>
1.8HTML5文档注释和特殊符号
注释、特殊符号
第三章表格布局与表单交互
3.1表格概述
3.1.1表格的结构
3.1.2表格的基本语法
<table>表格标记</table>
<caption>表格标题标记</caption>
<th>表格表头标记</th>
<tr>表格的行标记</tr>
<td>表格的列标记<td>
3.2 表格属性设置
3.2.1表格边框属性
3.2.2表格的宽度和高度属性
宽度width
高度height
3.2.3表格背景颜色与背景图像属性
bgcolor设置背景颜色
background设置背景图像
3.2.4表格边框样式属性
3.2.5表格单元格间距、单元格边框属性
cellspacing
cellpadding
3.2.6表格水平对齐属性
left、center、right
3.2.7设置表格的标记行的属性
3.2.8设置单元格的属性
3.2.9表格单元格跨行、跨列属性
单元格跨行
<td rowspan="行数">…</td>
单元格跨列
<td colspan="列数">…</td>
3.3表格嵌套
3.4表单
3.4.1表单标记
<form>开始和</form>结束
3.4.2定义域和域标题
fieldset标记
3.4.3表单信息输入
单行文本输入框
<input name="" type="text" maxlength="" size="" value="" readonly/>
密码输入框
<input name="" type="password" maxlength=""size =""/>
复选框
<input name="" type="checkbox" value="" checked/>
单选按钮
<input name="" type=" radio" value=""checked/>
图像按钮
<input name="" type="image" src="" width="" height=""/>
提交按钮
<input name=""type="submit" value="提交"/>
普通按钮
<input name="" type="button" value="" onclick=""/>
文件选择框
<input name="" type="file" value=""/>
隐藏框
<input name="" type="hidden" value=""/>
3.4.4多行文本输入框
<textarea name="" rows="" cols="" wrap=""/>初始信息内容</textarea>
3.4.5下拉列表框
下拉列表通常需要同时使用select和opion 标记来在表单中插入下拉菜单和列表项
0 条评论
下一页
