HTML笔记

这篇博客详细介绍了HTML的几个核心元素,包括a元素的href和target属性,如何实现固定锚点效果,列表元素(无序列表、有序列表、定义列表)的使用,table元素的结构和属性,以及iframe框架元素的特性及其属性设置。通过实例代码展示了这些元素的实际应用。
摘要由CSDN通过智能技术生成

1.a元素

href:跳转的资源路径

target:代表打开资源的方式,默认值是_self,本窗口打开,其他值:_blank,新窗口打开,_parent,跳出父级框架打开,_top跳出顶级框架打开,结合框架之后,可以自定义值

2.固定锚点效果

相关css:

position:设置定位模式,其值有relative,absolute,fixed,static 默认值为static,其中relative是相对定位,absolute是绝对定位,fixed是固定,

left:代表是主体居左的距离

right:代表是主体居右的距离

top:代表是主体居上的距离

bottom:代表是主体居下的距离

left、right、top、bottom的使用有效,必要要让position的值是relative,absolute,fixed三种中的一种

代码:

3.列表元素

无序列表常用;有序列表不常用,且有序列表中ol里面只能包含li

<ol start="3" type="a">
    <li>sdaklgj</li>
    <li>sdaklgj</li>
    <li>sdaklgj</li>
</ol>

运行结果: 

   

 

dl里只能包含dt,dd;dt后紧跟至少一个dd,dt是列表项,dd是列表项的详情说明

<dl>
    <dt>新闻1</dt>
    <dd>新闻1的摘要1</dd>
    <dd>新闻1的摘要2</dd>
    <dt>新闻2</dt>
    <dd>新闻2的摘要</dd>
</dl>

运行结果:

 

额外知识点:

①、引入css样式,需要使用link标签

相关属性:

rel : 代表引入的资源角色,stylesheet代表样式单【必要】

href : 代表引入的资源路径,可用相对路径和绝对路径【必要】

添加HTML的通用属性,比如:id,class

注意:

1、使用id属性,在书写css时,需要使用#前缀;使用class属性,在书写css时,需要使用.前缀;

2、使用id属性,属性值要求唯一的;使用class属性,属性值可以重复

html代码:

<!DOCTYPE html>
<html lang="en">

<head>
    &l
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值