HTML中的常用标签及属性(超... 登录

下一节课程: HTML中的常用标签及属性(列表) (1595次播放)

5 秒后自动播放下一节
  重新观看
介绍 >

Web开发基础_HTML+CSS

难度:初级 共17节 31685次学习

新课:PHP零基础(CMS开发)教学!

立即报名
章节 评论 笔记 课件
第1章 web前端基础

web前端基础(学习html和css我们可以做什么)

11分钟45秒

html基础

第2章 HTML中常用标签及属性

HTML中的常用标签及属性(文档头部 head)

HTML中的常用标签及属性(文本 字体格式化)

HTML中的常用标签及属性(超链接)

HTML中的常用标签及属性(列表)

HTML中的常用标签及属性(form表单)

HTML中的常用标签及属性(表格)

第3章 CSS基础及样式控制

css基础

CSS中的盒模型

CSS中的边框样式

CSS中的背景控制

块级元素和行内元素相互转换

CSS中的定位

CSS中的浮动

第4章 HTML+CSS常用布局案例

常用导航布局案例

简单CSS3下拉菜单效果实现

全部评论我要评论

  • 靖哥哥

    靖哥哥5年前

    灭绝老师,你这章讲错了,回到顶部那一块,a标签href不添加任何东西,点击也是回到顶部的,跟你的锚点没什么关系

    回复
    1

  • 灭绝师太

    页面中的锚点是为了点击跳转到对应位置,没有对应位置的锚点名怎么可以跳转呢?你可以在同一页面中添加多个锚点试一试。

    灭绝师太 · 5年前
    灭绝师太

    其实不需要2个a标签也可以完成回到顶部效果,在页面底部放入一个a标签点击也可以链接到页面顶部,类似于<a href="#"></a>的效果

    灭绝师太 · 5年前
    灭绝师太

    你可以多测试一下,添加锚点名是为了跳转到指定位置,一般用于map查找对应地点的明细

    灭绝师太 · 5年前
  • か瘾公子

    か瘾公子5年前

    老师 Link标签 是做什么的。

    回复
    0

  • 小明

    小明5年前

    <a name='top'>顶部</a> 设置好锚点 <a href='#top'>回到顶部</a> 设置跳转的锚点指向

    回复
    0

  • 全部笔记发布笔记

  • @夜澜风

    @夜澜风5年前

    :hover 伪元素 伪属性 text-decoration:none 去掉a标签下面的下划线 text-decoration:underline 伪元素显示a标签下划线

    0

  • 拾柒

    拾柒5年前

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML中的常用标签及属性(超链接)</title> <link rel="shortcut icon" href="images/icon.jpg"> <style type="text/css"> a{text-decoration: none; color: black;} a:hover{text-decoration: underline; color: red;} div{height: 1000px; width: 400px; background: pink;} </style> </head> <body> <a href="#">超链接</a><br> <a href="https://www.baidu.com">百度</a><br> <a href="http://www.php.cn">php中文网</a> <a href="#"><img src="images/p1.jpg" style="height: 200px; width: 200px;"></a><br> <a name="top">页面顶部</a> <a href="#bottom">回到底部</a> <div></div> <a name="bottom">页面底部</a> <a href="#top">回到顶部</a> </body> </html>

    0

  • hcc

    hcc5年前

    a链接,设置回到顶部方法,通过设置锚点方式 <a href="top">页面顶部</a> <a href="" id="top">回到顶部</a>

    0

  • A云海

    A云海5年前

    <style> a{text-decoration:none;color:#000}//a标签隐藏下划线并且改变字体颜色为黑色; a:hover{text-decoration:underline;color:red;}//当鼠标移上去的显示下划线并且颜色为红色; </style>

    0

  • L

    L5年前

    text-decoration 下划线

    0

  • hiki1987

    hiki19875年前

    text-decoration: none; 取消链接下划线,text-decoration: underline;设置下划线;a:hover{}设置a链接的伪属性,<a href="top">页面顶部</a> 与 <a href="" name="top">回到顶部</a>做出回到顶部效果。

    0

  • 李准

    李准5年前

    下划线属性:text-decoration:none 字体颜色 color:red 鼠标经过设置a:hover {}

    0

  • 风轻云淡

    风轻云淡5年前

    <a href="url">我是一个链接</a> <a href="url"><img src="images/favicon.ico" style=" "></a> 图片链接 a{text-decoration:none;color:#000;} a:hover{color:red;text-decoration:underline;} div{} <a href="top">回到顶部</a> <a href="" id="top" >回到顶部</a>

    0

  • 客多多

    客多多5年前

    <body> <h1>第五节课内容</h1> <a href="#">a标签的使用</a> <a href="https://baidu.com">baidu</a> <a href="https://baidu.com"><img src="imge/youxiang.jpg"></a> <br> <a href="">我是顶部</a> <div> </div> <a href="" id="top">返回顶部</a> </body>

    0

  • 鹰弘网络科技

    鹰弘网络科技5年前

    链接去除下划线 <style type="text/css"> a{text-decoration: none;} </style>

    a:hover{color:red;text-decoration: underline;} 鼠标移动链接上变色 并且显示下划线

    0

  • Monthai

    Monthai5年前

    (1)超链接可以跳转至其他网页,也可以在本页面跳转;(2)将超链接设为锚点,其他链接即可跳转至该锚点;(3)其他标签也可以通过设置id成为锚点。(4)超链接样式text-decoration:underline / none。

    0

  • 取消 回复 发送
  • 取消 发布笔记 发送
  • PHP中文网