html笔记 _html笔记

博观而约取，厚积而薄发。这篇文章主要讲述html笔记相关的知识，希望能为你提供帮助。
html中超链接：

< a href="https://www.songbingjia.com/android/URL"> < /a>

其中URL是是同一资源的定位。
图片

< img src="https://www.songbingjia.com/android/图片的路径/图片也可以是一个url"width="宽度"height="高度" alt="这是一只狗"border="4px" bordercolor="blue"/>

这里的高度和宽度只需要指定一个，他会按照比例缩放，border是边框
表格布局

< table border="1" bordercolor="red" cellpadding="10" width="400px"> < tr> < td align="center" colspan="3"> 菜谱< /td> < /tr> < tr> < td align="center" colspan="3"> 菜谱< /td> < td align="center" colspan="3"> 菜谱< /td> < td align="center" colspan="3"> 菜谱< /td> < /tr> < tr> < td align="center" colspan="3"> 菜谱< /td> < td align="center" colspan="3"> 菜谱< /td> < td align="center" colspan="3"> 菜谱< /td> < /tr> < /table>

“cellpadding=”10””控制的是表格和文字之间的距离
图示：

文章图片

文章图片

Frameset框架集 text.html文件

< meta charset="utf-8"> < frameset cols="50%,50%"> < frame name="frame1" src="https://www.songbingjia.com/android/b.html"> < /frame> < frame name="frame2" src="https://www.songbingjia.com/android/c.html"> < /frame> < /frameset>

b.html文件

< meta charset="utf-8"> < body bgcolor="green"> < a href="https://www.songbingjia.com/android/1.html" target="frame2"> 周杰伦< /a> < br/> < a href="https://www.songbingjia.com/android/2.html" target="frame2"> 陈奕迅< /a> < br/> < a href="https://www.songbingjia.com/android/3.html" target="frame2"> 刀郎< /a> < br/> < a href="https://www.songbingjia.com/android/4.html" target="frame2"> 刘欢< /a> < br/> < /body>

c.html文件

< meta charset="utf-8"> < body bgcolor="pink"> c.html < /body>

1，2，3，4.html文件

< meta charset="utf-8"> < body bgcolor=""> 周杰伦< /body> < meta charset="utf-8"> < body bgcolor="blue"> 陈奕迅的歌< /body> < meta charset="utf-8"> < body> 刀郎的歌< /body> < meta charset="utf-8"> < body> 刘欢的歌< /body>

【html笔记】最后的显示效果图：