HTML 基础(三)

(1)HTML 链接

  target 属性

使用target属性,你可以定义被链接的文档在何处显示。

<a href="www.baidu.com" target = "_blank">baidu </a>

如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。


  name属性

name 属性规定锚(anchor)的名称,当使用命名锚(named anchor)时,我们可以创建指向该锚的链接,这样点击链接可以直接跳转到该锚命名的链接。

例子:

<a name = "tips"> 建议:</a>

创建一个链接可以快速跳转到 “建议:”那一行:

<a href="#tips"> 建议</a>

提示:命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚,然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科,您会发现其中几乎每个词条都采用这样的导航方式。

提示:假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。不会有错误发生。



(2) HTML 插入图像

图像由<img>标签定义,<img>标签是空标签,意味着它只有属性没有闭合标签。

 <img url="1.png" alt="picture 1">

url 属性定义图片的存储位置,alt属性为图片定义一串可预备替换的文本。



(3) HTML 块

大多数HTML 元素被定义为 块级元素(block event element)内联元素(inline element)。

块级元素在浏览器中显示通常会以新行开始和结束。(<h1>,<ul>,<p>....)

<div> 元素是块级元素,它是组合其他HTML 元素的容器。

<span>是内联元素,用来组合文档中的行内元素。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、HTML简介 1、HTML是什么? HyperTextMarkupLanguage 超文本(功能丰富)标记(标...
    千年幸福论阅读 5,630评论 0 2
  • 代码下载[https://github.com/jiuchabaikaishui/HTMLBase] 简介 什么是...
    酒茶白开水阅读 3,952评论 0 0
  • DTD 介绍 DTD(Document Type Definition 文档类型定义)是一组机器可读的规则,它们定...
    lio_zero阅读 8,060评论 0 9
  • 什么是 HTML? HTML是用来描述网页的一种语言。 HTML是超文本标记 HTML不是编程语言,而是一种语言标...
    mudu86阅读 4,394评论 0 2
  • HTML 基础 web 前端开发需要掌握:html、css样式、JavaScript语言 。 HTML是网页内容的...
    焰火青春阅读 4,919评论 0 1

友情链接更多精彩内容