HTML5系列代码：制作普通链接的主页

HTML 编辑器推荐
可以使用专业的 HTML 编辑器来编辑 HTML，菜鸟教程为大家推荐几款常用的编辑器：
VS Code：https://code.visualstudio.com/
Sublime Text：http://www.sublimetext.com/
你可以从以上软件的官网中下载对应的软件，按步骤安装即可。
接下来我们将为大家演示如何使用 VS Code 工具来创建 HTML 文件。

     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><style type=text/css>a {color:teal;text-decoration:none}a:visited {color:silver;text-decoration:none}a:hover {color:red;text-decoration:underline}</style><title>制作普通链接的主页</title></head><body><h3>Imdb电影评分排名</h3><p> <a href=#1-10>1-10</a>&nbsp;<a href=#11-20>11-20</a>&nbsp; <a href=#21-30>21-30</a></p><br><hr><p><a id="1-10"><a href="5-15  子页：泰坦尼克号.html">1.     铁达尼号 (1997)</a></a><br />2.   蝙蝠侠 (2008) <br />3.   星球大战 (1977) <br />4.  怪物史莱克2 (2004) <br />5.    E.T (1982) <br />6.   星球大战前传 (1999) <br />7.    加勒比海盗2 ：亡灵宝藏 (2006) <br />8.   蜘蛛侠 (2002) <br />9.   星战前传III ： -西斯的复仇 (2005) <br />10.  指环王：王者归来 (2003) <br /></p><p><a id="11-20">11.    蜘蛛侠2 (2004)</a> <br />12.   耶稣受难记(2004) <br />13.     侏罗纪公园 (1993) <br />14.    指环王：双塔奇兵 (2002) <br />15.  海底总动员 (2003) <br />16.    蜘蛛侠3 (2007) <br />17.     阿甘正传 (1994) <br />18.     狮子王 (1994) <br />19.  怪物史莱克3  (2007) <br />20.  变形金刚 (2007) <br /></p><p><a id="21-30">21.   铁人(2008)</a> <br />22.  哈利波特与魔法石(2001) <br />23.  印第安纳琼斯和英国的水晶头骨 (2008) <br />24.   指环王：魔戒现身 (2001) <br />25.  星球大战：前传II -克隆人的进攻 (2002) <br />26.     加勒比海盗：世界尽头 (2007) <br />27.    星球大战前传：六 (1983) <br />28.  独立日(1996) <br />29.   加勒比海盗：黑珍珠的诅咒 (2003) <br />30.  第六感 (1999)</p></body></html>

HTML5系列代码：制作普通链接的主页相关推荐

HTML5系列代码：个人页面
text-decoration 属性规定添加到文本的修饰. 注释:修饰的颜色由 "color" 属性设置. <!DOCTYPE html PUBLIC "-//W3 ...
HTML5系列代码：模仿杂志的多列版式
column-span 属性规定元素应横跨多少列. font-weight 属性设置文本的粗细. 该属性用于设置显示元素的文本中所用的字体加粗. 数字值 400 相当于关键字 normal,700 ...
HTML5系列代码：框模型的大小
margin 简写属性在一个声明中设置所有外边距属性.该属性可以有 1 到 4 个值. 这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度. 块级元素的垂直相邻外边距会合并,而行内元 ...
HTML5系列代码：使用自定义图像来作为空距
white-space 属性设置如何处理元素内的空白. 这个属性声明建立布局过程中如何处理元素中的空白符.值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的. <html& ...
HTML5系列代码：使用三种方法插入图像
drawImage() 方法在画布上绘制图像.画布或视频. drawImage() 方法也能够绘制图像的某些部分,以及/或者增加或减少图像的尺寸. <!DOCTYPE HTML> < ...
HTML5系列代码：设置滚动条
scrolling 属性规定是否在 iframe 中显示滚动条. 默认地,如果内容超出了 iframe,滚动条就会出现在 iframe 中. <html ><head>< ...
HTML5系列代码：一个完整简单的页面
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言. 您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上 ...
HTML5系列代码：为文字设置深灰色阴影
text-shadow 属性向文本设置阴影. 默认值: none 继承性: yes 版本: CSS3 JavaScript 语法: object.style.textShadow="2px ...
HTML5系列代码：主色调红色的配色方案表
hsl() 函数使用色相.饱和度.亮度来定义颜色. HSL 即色相.饱和度.亮度(英语:Hue, Saturation, Lightness). 色相(H)是色彩的基本属性,就是平常所说的颜色名称,如 ...

HTML5系列代码：制作普通链接的主页

HTML5系列代码：制作普通链接的主页相关推荐

最新文章

热门文章