HTML--跳转链接、锚点、表单、表格标签、属性

一、链接标签

a→双标签<a></a>

href属性:链接的地址

      

target属性:可以改变链接打开的方式,默认情况下:在当前页面打开_self 、新窗口_blank

base→单标签:作用就是改变链接的默认行为的。

二、跳转锚点

实现一:

#号+id属性

实现二:

#号+name属性(加给a标签)

三、特殊符号

在编辑文本时,经常会遇到输入法无法输入的字符,如®(注册商标)、版权符等,还有往一段文字中加入多个空格时,页面并不会解析出多个空格。这些无法输入和空格字符都是特殊字符,在HTML中,为这些特殊字符准备了专门的代码。

 例如:

 

 四、无序列表

1.无序列表→ul li 符合嵌套的规范

注:ul和li必须是组合出现的,之间不能有其他标签

 2.有序列表→<ol>、<li>:列表的最外层容器、列表项

注:有序列表用的非常少,经常用的是无序列表,无序列表可以代替有序列表

3.定义列表:列表项需要添加标题和对标题进行描述的内容

<dl>:定义列表

<dt>:定义专业术语或名词

<dd>:对名词进行解释和描述

例如:

 

 4.嵌套列表

注:列表之间可以互相嵌套,形成多层级的列表。

五、表格标签

<table>:表格的最外层容器

<tr>:定义表格行

<th>:定义表头

<td>:定义表格单元

<caption>:定义表格标题

注:之间有嵌套关系,要符合嵌套规范

 

 语义化标签:tHead、tBody、tFood

注:在一个table中,tBody是可以出现多次的,但是tHead、tFood只能出现一次。

六、表格属性

border:表格边框

cellpadding:单元格内的空间

cellspacing:单元格之间的空间

 

 

rowspan:合并行

 

 

colspan:和并列

 

align:左右对齐方式:left、center、right

valign:上下对齐方式:top、middle、bottom

七、表单标签

<form>:表单的最外层容器

<input>:标签用于搜集用户信息,根据不同的type属性值,展示不同的控件,如输入框、密码框、复选框等。

  

 

 

 八、表单相关标签

<textarea>:多行文本框

<select>、<option>:下拉菜单

<label>:辅助表单

  

 九、表单表格组合

 

 

 

 

  

  

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
HTML中实现锚点定位并具有滚动效果的方法有多种。一种常见的方法是使用CSS的scroll-behavior属性和a标签的href属性。首先,在CSS中设置scroll-behavior属性为smooth,这将使得滚动条在滚动时具有平滑的效果。然后,在a标签中的href属性中设置目标位置的id值,例如#section。当点击该链接时,页面将会平滑滚动到相应的目标位置。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [HTML锚点定位+平滑滚动](https://blog.csdn.net/m0_64520392/article/details/128941349)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [微信小程序-scroll-view滚动到指定位置(类似锚点)](https://download.csdn.net/download/weixin_38601878/16213063)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [vue+导航锚点联动-滚动监听和点击平滑滚动跳转实例](https://download.csdn.net/download/weixin_38665822/13982520)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Zoo_ooY

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值