分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

HTML a标签 img标签 ul列表、ol列表、dl列表标签,table表格标签,lable

发布时间:2023-09-06 01:46责任编辑:苏小强关键词:HTML

a标签其实就是用来做跳转的

  a标签的作用:页面跳转、锚(页就是类似书签的东西,在URL中显示出#)

<a href="http://www.baidu.com" traget = "_blank">超连接文字</a>

traget = "_blank" 该属性的意思是点击后新窗口打开连接,如果没有改项意思就是直接在本页面打开。

<a href="#i3" traget = "_blank" >超连接文字</a>。注意此处的#号后的代码表示跳转到某一标签的标签的id ,页就是在表中中设置一个id,让a标签直接跳转到改标签

href=# 加上标签号

img标签

<img src="图片目录" style=“height:200px;width:200px;“ alt="图片描述" title = "鼠标显示">. height:200px;width:200px定义了图片的大小,alt属性的意思是如果看不到图片,就只显示图片的描述内容,同时点解描述内容也能够超连接到对应的页面,还可以有title的属性

如果点击图片需要有超连接的跳转功能,实现如下:

<a href="http://www.baidu.com">

  <img src="图片目录" style=“height:200px;width:200px;“>

</a>

属性:

  src

  title

  alt

  style

ul标签: 列表内容的前面显示的是一个点.

<ul>

  <li>内容1</li>

  <li>内容2</li>

  <li>内容3</li>

<\ul>

ol标签 列表内容的前面显示的数值序号

<ol>

  <li>内容1</li>

  <li>内容2</li>

  <li>内容3</li>

<\ol>

dl标签:

<dl>

  <dt>主标题</dt>

  <dd>内容1</dd>

  <dd>内容2</dd>

</dl>

table标签:tr是行,td是列

  <table board=1>。添加了board=1之后表格就自动添加了边框了

    <tr>

      <td>第一行第一列</td>

      <td>第一行第二列</td>

    </tr>

  </table>

table标签中还有<thead></thead>代表列

<tbody></tbody>代表表格中的行

合并单元格:

<td colspan = "2"></td> 代表改列所占单元格为2个单元格。 行上的单元个合并】、

<td rowspan = "2"></td>代表改行所占单元格为2个单元格。 也就是列上的单元个合并

HTML a标签 img标签 ul列表、ol列表、dl列表标签,table表格标签,lable

原文地址:https://www.cnblogs.com/Nathan-jin/p/8601100.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved