Dreamweaver -的简易网站实现

Dreamweaver -的简易网站实现
网站实现如下内容:
(1)包含两个网页，内容跟音乐相关，具体内容自己设计。
(2)合理对网页进行排版。
(3)每个网页都有导航栏，导航栏可以水平也可以垂直排列，可以通过导航栏 在两个页
(4)网页有一级标题。
(5)网页有正文段落。
(6)网页上用到至少1个图片，美化页面。

要用到的知识点：

• 短语元素
• 列表（有序，无序，定义）
• 超链接
• web中插入图片
  1，短语元素

名称	所表示的意义
b	加粗：没有额外的重要性，但样式采用加粗字体
cite	引文或参考
dfn	术语定义：用于文本为术语或者词汇，通常倾斜显示
cote	代码：用于显示文本为程序代码，通常使用等宽字体
em	强调：用于强调文本通常倾斜显示
i	倾斜：没有额外的重要性，但样式采用倾斜字体
kbd	输入文本：用于显示要用户输入的文本，通常等宽字体显示
mark	记号文本：文本高亮显示（只用于HTML）
samp	示例文本：用于显示程序的示例输出，通常显示为等宽字体
small	小文本：用小字号显示的免责声明
strong	强调文本：显示文本强调或突出与周边的普通文本，通常加粗显示
sub	下标：用于显示文本的下标
sup	上标：用于显示文本的上标
var	变量文本：用于显示变量或程序的输出，通常倾斜显示
abbr	缩写：用于显示文本的缩写，配置title的属性

2，列表
1，无序列表
格式：

• 第一项
• 第二项

无序列表的属性：

属性	显示的形状
square	小黑正方形
disc	小黑点
circle	空心小圆点

2，有序列表
格式：

1. 第一项
2. 第二项

有序列表的属性：

属性	显示的形状
1	数字（默认）
A	大写字母
a	小写字母
I	大写罗马数字
i	小写罗马数字

3，定义列表
格式：

名词

解释内容

3,超链接
格式： -某某-

链接类型	格式
链接到本站其他网页	新闻
链接到其他站点	百度
虚拟超链接	模块2

4,web中插入图片
格式：
src：代表图片的路径（相对和绝对）
alt：在图片无法显示时，代表图像显示浏览器内容

位置	格式
在同一文件夹里
图片的文件夹(image)在html的下面
html文件（page）在图片的下面	< img src="../pic" alt=" ">

简单来说就是，以图片所在的文件夹稳准，向上找用/，向下找用…

示例：

"utf-8">


"#079">
	"http://y.qq.com/">"TTy.jpg" alt=" ">
    
欢迎来到TT音乐
打开音乐，打开生活
    
    
每天好心情
    
    	
"circle">
		"#">"TTy1.jpg" alt=" "  style="height:50px;">
    	热榜  
    	
"#">"TTy.jpg" alt=" "  style="height:50px;">
    	音乐馆

    	
        
 	
猜你喜欢
    
"#">"TTy2.jpg" alt=" "  style="height:50px;">
    Thank you
 
    
    

    
tank you
"https://y.qq.com/n/yqq/song/000z0pj62hBXeX.html?ADTAG=h5_playsong&no_redirect=1">"TTy2.jpg" alt=" " style="height:50px;">
    thank you
    
你最喜欢的音乐
    

    快点开听听看！
    
    
    
    

    	
该歌的歌词
        
"Untitled-2.html">点开看看吧(点这点这)

    

    

模板是

所用到的图片和链接。