Html基础之超链接、列表、表格

1.超链接

<a href = "页面的路径" target = " 设置页面跳转的方式"></a>

页面跳转方式有两种:

1._blank:跳转并打开新标签页

2._self:继续在当前标签页中打开

2.锚链接

1.在当前页面跳转到某一位置

(1.) 首先在想要跳转的位置设置一个名字

<a name = "名字"></a>

(2.) 使用a标签跳转即可

<a href = "#名字">这里设置点击的内容</a>

2.多个页面间的跳转

(1.) 也是先要设置好跳转位置的名字

<a name = "名字"></a>

(2.)使用a标签跳转过去即可,先写跳转的页面再写名字

<a href = "#页面+名字"></a>

列表分三种:无序列表,有序列表和定义列表

无序列表:            ul:无序列表,li:代表一个内容 type:可以修改列表的样式

<ul   type = "样式">

<li>内容<li>

</ul>

有序列表:        

<ol  type = "样式">

<li><li>

</ol>

定义列表:              dt: 一级   dd:二级

<dl>

<dt>

<dd></dd>

</dt>

</dl>

创建表格

<table  border = "1"   alig="center" bgcolor = "背景颜色">

<tr>

<th></th>

</tr>

                <tr>

                      <td><td>

                </tr>

          <table>

一个一个输入很麻烦?不妨试试(行)tr*n>(列)td*n这样创建列表会很简单,直接想要创建几行几列的列表带入n即可(前提是HbuiderX有相关工具)

border :设置边框的宽度     alig:设置表格的位置     bgcolor:表格的背景颜色   th:自带加粗效果,它和td是同等级的

rowspan = " 写上想要跨几行":跨行  colspan = "写上想要跨几列" 跨列

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 4,831评论 0 0
  • img标签: img标签中的img其实是英文image的缩写,所以img标签的作用, 就是告诉浏览器我们需要显示一...
    佩佩216阅读 5,466评论 0 2
  • 概述 在网易云课堂学习李南江老师的《从零玩转HTML5前端+跨平台开发》时,所整理的笔记。笔记内容为根据个人需求所...
    墨荀阅读 6,929评论 0 7
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    淡淡疯阅读 4,994评论 0 3
  • 内容LongLongLong是一种情怀 本文是针对刚学编程的小白,都是一些基础知识,如果想了解更多深层一点的东西,...
    西巴撸阅读 4,626评论 0 0