02.Html基础02

作者: 廖马儿 | 来源:发表于2016-08-28 12:01 被阅读12次

0.超文本,不仅包含了文本,还包括了图片,音视频等。

1.<img>标签

<img src="图片的url"  alt="如果图片"  title="对图片的描述">  
鼠标移动到img上面去的时候,图片会有显示,显示title。
如果,图片src没有找到,那么会显示alt的值。

常用图片的格式:
gif:动画  gif只能256种颜色,小图标,支持alpha通道
png:包括png8位和真色彩png(png24 和 png32)位,png最大的优势是体积更加小,支持alpha透明,并且颜色过渡。半透明的图片只能使用png24.
jpg(jpeg):jpg是一种有损压缩格式,其文件体积非常小,很有利于网络传播。常用语banner图,广告,打的宣传图,照片等。

2.快捷键:

windows + d:  回到桌面
f5 = ctrl + r:刷新网页

3.h1-h6:标题标签

注意h1标签在整个页面中最多显示一次(当然可以超过,但是不利于seo搜索)

4.段落p标签,行内标签

<p>标签,
段落与段落标签之间有空行隔开

html文档中,会把多个空格或者多个行合并为一个空格。

5.


水平线标签

6.
换行符

不受刻个和换行合并的影响

7.<span> 文本节标签

行内标签。用来组合行内元素,以便通过样式来格式化它们。
<em>定义着重文字, 让其变为斜体
<i>斜体字  不推荐使用,因为所有样式我们通过css进行控制
<strong> 定义加重语气
<sub>  下标
<sup>  上标
<del>  标签  是用来加一个删除线对于文字
<ins>  文字以下划线方式显示

8.<a>超链接标签

语法:<a href="http://www.baidu.com">点击进入百度搜索</a>

属性:a标签的target属性:_self (默认的,表示在当前页面中打开连接) 和 _blank(表示在新的页签中,或者在新的窗口打开超级连接)

href="#cast"  锚点  注意:#是id
点击的话,直接将id=cast 的节点跳转到最上面

超级连接可以不仅仅是包裹或者嵌套文本,还可以嵌套图片,表格,标题等,几乎什么标签都能包裹。

相关文章

  • 02.Html基础02

    0.超文本,不仅包含了文本,还包括了图片,音视频等。 1. 标签 2.快捷键: 3.h1-h6:标题标签 4.段落...

  • 02.HTML基础标签

    HTML标题:标题在body内,是以标签 - 构成(依次减小)默认情况,HTML会自动在块级元素下加一个空行,比如...

  • 分布式版本控制软件水银(Mercurial)使用指南2

    Setting Up for a Team 翻译自:http://hginit.com/02.html 使用水银的...

  • 02.html

    Html结构标准 Html标签分类 单标签 双标签 Html标签关系分类 包...

  • 02.HTML编辑器——{HTML入门}

    原文地址:W3Schools 编写 HTML 的工具:记事本(PC端)、文本编辑器(MAC) 网页可以在专业的 H...

  • java多线程相关

    (一) 基础篇 01.Java多线程系列--“基础篇”01之 基本概念 02.Java多线程系列--“基础篇”02...

  • Java 基础

    Java 基础01Java开发入门 Java 基础02Java编程基础 Java 基础03面向对象 Java 基础...

  • 区块链币圈基础链板块解析

    2018-02-02 区块链币圈 基础链板块 板块定义: 基础链板块是具有不依赖第三方、通过...

  • Android 基础

    Android基础01控件和布局 Android基础02数据存储 Android基础03网络编程 Android基...

  • Go学习记录

    2020-02-241.Go语言基础 2020-02-26程序实体那些事1、2、3

网友评论

    本文标题:02.Html基础02

    本文链接:https://www.haomeiwen.com/subject/qkitettx.html