一、HTML超链接

1.外部链接

2.内部链接

3.空链接 #

4.下载链接

5.网页元素的链接

6.锚点链接

二、表格

1.表格标签的属性

2.合并单元格

三、列表

1.无序列表

2.有序列表

3.自定义列表

四、表单

1.表单标签

2.用户注册表单实例

一、HTML超链接

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

超链接标签：<a>一个链接到另一个链接【Anchor 锚】

<a href='url地址' target='页面打开的方式'>页面元素(文字、图像、音频、视频)</a>

       'href'属性：值是要跳转的页面的地址,通常用'#'表示空链接

       'target'属性：新页面打开的方式,取值有'_self'和'_blank'

       '_self'表示在原窗口打开页面,是'target'属性的默认值

           '_blank'表示在新窗口中打开页面

1.外部链接

<a href="http://www.baidu.com" target="_blank">百度</a>>

2.内部链接

  <a href="简介.html">百度公司简介</a>

3.空链接 #

 <a href="#">地址</a>

4.下载链接

地址是文件.exe或zip等压缩形式

 <a href="微信图片_.zip">下载图片</a>

5.网页元素的链接

  <a href="http://www.baidu.com"><img src="微信图片_.jpg"  /></a>

6.锚点链接

什么是锚点链接？可以快速定位到该页面中某个位置

href属性中，设置属性值为#名字，找到目标标签，添加一个id属性=刚才的名字

<a href=”#Two”></a>
<h3 id=”Two”></h3>

二、表格

1.表格标签的属性

<table> 表格

<tr> 行

<td> 单元格

<th> 表头单元格，文字加粗显示，居中

<thead></thead>和<tbody></tbody> 将写的内容折叠起来

<table>
<tr>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
</table>

2.合并单元格

跨行合并：

<td rowspan="2"></td>

跨列合并：

<td colspan =”2”></td>

三、列表

1.无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

<ul>
<li>列表项1</li>
<li>列表项2</li>
</ul>

2.有序列表

有序列表也是一列项目，列表项目使用数字进行标记。

<ol>
<li>列表项1</li>
<li>列表项2</li>
</ol>

3.自定义列表

自定义列表不仅仅是一列项目，而是项目及其注释的组合。

<dl>
<dt></dt>
<dd>列表项1</dd>
<dd>列表项2</dd>
</ul>

标签	描述
<ul>	有序列表
<ol>	无序列表
<li>	列表项
<dl>	自定义列表
<dd>	自定义项目
<dt>	自定义的描述

四、表单

表单的作用： 用于收集用户信息。实现用户和网页之间的对话。

<form action=” url 地址” method=”提交方式”  name=”表单域名称”>
</form>

1.表单标签

标签	描述
<form>	定义用户输入的表单
<input>	定义输入域
<text>	定义文本框
<lable>	定义<input>元素的标签，一般为输入标题
<button>	定义按钮
<select>	定义下拉选项列表
<option>	定义下拉列表选项
<textarea>	定义文本域

2.用户注册表单实例

<form action="demo.php" method="POST" name="name1"><label for="n">用户名：</label><input type="text" name="username" value="请输入用户名" maxlength="8" id="n"> <br />密码 ：<input type="password" name="pwd"> <br />性别 :男<input type="radio" name="sex" value="男" checked="checked">女<input type="radio" name="sex" value="女"><br />爱好 ：音乐 <input type="checkbox" name="hobby" value="音乐"> 阅读<input type="checkbox" name="hobby" value="阅读">体育<inputtype="checkbox" name="hobby" value="体育"><br /><input type="submit" value=" 注册新用户 "> <br /><input type="reset" value="重新填写"><br /><input type="button" value="获取验证码"><br />上传头像：<input type="file"><br />你喜欢的城市：<select><option>深圳</option><option selected="selected">西安</option><option>三亚</option><option>青海</option><option>重庆</option></select><br />请留言:<textarea cols="15" rows="5"></textarea></form>

效果如下：

HTML超链接表格列表表单相关推荐

HTML入门必看-含源码案例（表格-列表-表单-图片-视频-音频）
HTML知识点: 目录 HTML知识点: 一.第一个HTML代码二.一些常用的简单元素,都是写在两个body标签之间的粗体.斜体.下划线.删除效果三.表格元素 1.普通表格 2.合并表格 ...
WEBBASIC Unit01 Web概述、 HTML概述、文本处理、图像和超链接、表格、表单
转载:https://blog.csdn.net/qq_38131668/article/details/73505925 参考:https://www.cnblogs.com/xiaziteng/p ...
html中的列表、表格、表单
目录一.列表(有序列表和无序列表) 1.无序列表 2.有序列表 3.列表的嵌套二.表格 1.表格所需的主要标签 2.详细介绍表格的制作 3.单元格的合并(跨行和跨列) 三.表单 1.表单标签 ...
前端之表格，表单，列表
## 本资源由 itjc8.com 收集 --- typora-copy-images-to: media --- > 第01阶段.前端基础.表格 # HTML 第二天目标能够利用表格.列表和 ...
前端学习第一周-计算机基础，html标签的介绍，其中包括列表，表格以及表单的使用
前端学习第一周-HTML基础文章目录前端学习第一周-HTML基础前言 DAY 1 计算机组成计算机网络 DAY 2 vscode快捷方式 HTML骨架 DAY 3 HTML属性 HTML标签 ...
easyui表单网格列错位_《HTML5从入门到精通》——第3章 HTML表格与表单
<HTML5从入门到精通> ◎千锋教育高教产品研发部/编著 (清华大学出版社出版) 目录第3章 HTML表格与表单................................... ...
表格和表单的结合示例
表格和表单的结合示例demo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht ...
HTML5简明教程系列之HTML5 表格与表单（二）
HTML的第二弹也来了,最近高产似母猪,状态也不错,代码来源为实验课.本期主要内容为:HTML表格与DIV应用.HTML表单.上期基础部分的传送门: HTML5简明教程系列之HTML5基础(一)_Th ...
WEB入门二表格和表单
学习内容 Ø 表格的作用和制作 Ø 表单的制作入门视频课:H5和JAVASCRIPT实战教程能力目标 Ø 掌握表格的创建 Ø 掌握设置表格的 ...

HTML超链接表格列表表单

一、HTML超链接

1.外部链接

2.内部链接

3.空链接 #

4.下载链接

5.网页元素的链接

6.锚点链接

二、表格

1.表格标签的属性

2.合并单元格

三、列表

1.无序列表

2.有序列表

3.自定义列表

四、表单

1.表单标签

2.用户注册表单实例

HTML超链接表格列表表单相关推荐

最新文章

热门文章

HTML超链接 表格 列表 表单

一、HTML超链接

1.外部链接

2.内部链接

3.空链接 #

4.下载链接

5.网页元素的链接

6.锚点链接

二、表格

1.表格标签的属性

2.合并单元格

三、列表

1.无序列表

2.有序列表

3.自定义列表

四、表单

1.表单标签

2.用户注册表单实例

HTML超链接 表格 列表 表单相关推荐

最新文章

热门文章

HTML超链接表格列表表单

HTML超链接表格列表表单相关推荐