美文网首页
HMTL必学标签

HMTL必学标签

作者: 亮子丶 | 来源:发表于2016-02-15 16:39 被阅读93次
1.HTML <div>标签

<div>起分割作用,分割内容使用的常用标签

<div class="yanshi">演示</div>
2.HTML <span>标签

<span>常用布局标签

<span>内容</span>
3.HTML <a>链接标签

<a>链接可以从A页面跳转至B页面

<a href="网址" target="目标" title="说明">链接</a>

href:打开目标地址(网址)

<a href="http://www.hao123.com">网址导航</a>

target:打开目标方式,没有此标签默认在浏览页面中重新加载

1.target="_blank":新建标签网页窗口打开对应网址

<a href="http://www.hao123.com" target="_blank">网址导航</a>

2.target="_parent":所在网页重新加载

<a href="http://www.hao123.com" target="_parent">网址导航</a>

实现回到顶部

1、需要转到地方添加,<a href="#命名">文字</a>,注意href值是#开头+英文字母命名
2、需要在被转到位置添加,<span id="命名" name="命名"></span>,注意id和name值相同并且与a命名相同
4.HTML <br />换行标签

<br />

我要换行<br />已经换行 

5.HTML <p>段落标签

<p>实现文章换段落的效果

<p>段落1</p>
<p>段落2</p>

6.HTML <h1> <h2> <h3> <h4>标签知识

<h1>在一个网页中最好只使用一次,如对一个网页唯一标题使用。 <h2><h3><h4>标签则可以在一个网页中多次出现,但必要随意添加或添加过度。

7.HTML <b> & <strong>加粗标签

<b> <strong>加粗标签元素告诉浏览器把其加b标签的文本以粗体方式显示给浏览者,<b><strong>加粗本质没有区别,用法语法也没有区别

1.<b>加粗</b>
2.<strong>强调</strong>

8.HTML <em><i>强调粗标签

<em> <i>告诉浏览器把其中的文本表示为强调的内容,这个与html I斜体标签相同效果。

1.<em>强调标签</em>
2.<i>斜体标签</i>

9.HTML <u>下划线标签

<u>下划线标签告诉浏览器把其加u标签的文本加下划线样式呈现显示给浏览者。

<u>下划线</u>

10.HTML <s>贯穿线标签

<s>签修饰的文字内容将被加删除线(文字中间划线)。

<s>删除线</s>

11.HTML <img>图片标签

<img>引入外部图片到网页中显示的标签

[站外图片上传中……(2)]
  • <src> 图片路径
  • <width>设置图片宽度
  • <height>设置图片高度
  • <alt>设置对这张图片文字描述,通常设置描述为了搜索引擎能读懂你这张图片表达的内容(有利于搜索引擎优化因素而使用)

12.HTML 上标注<sup> & 下标注<sub> 标签教程

<sup>上浮内容

<sup>上浮内容</sup>

<sub>下浮内容

<sub>下浮内容</sub>

13.HTML <nobr>强制不换行标签

在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容

<p><nobr>强制不换行</nobr></p>

相关文章

  • HMTL必学标签

    1.HTML

    标签 起分割作用,分割内容使用的常用标签 2.HTML 标签 常用布局标签 3...

  • HMTL常用标签

    第一章HTML的常用标签 html超文本标记语言,是一门标记语言1.HTML标记标签通常被称为HTML标签(HTM...

  • HTML笔记

    HMTL初识 HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”...

  • HMTL5---Canvas标签

    介绍传统的HTML主要用于文本的创建,可以通过 标签插入图像,动画的实现则需要第三方插件。在这方面,传统的HTML...

  • 三.HTML 元素

    一.HTML元素 HTML文档是由TML元素定义的。 HMTL元素指的是从开始标签到结束标签的所有代码 二.HTM...

  • HMTL部分标签使用方法

    iframe标签 在当前页面下新开一个窗口, 嵌套的代码如下: a标签 跳转页面 (HTTP GET请求) ...

  • 无标题文章

    ## markdown 今天练习了使用markdown,各种想往里面加HMTL标签,慢慢习惯就好了,也是个有趣的东...

  • HTML5有哪些更新

    语义化标签 ◼ 在HMTL5之前,我们的网站分布层级通常包括哪些部分呢? header、nav、main、foo...

  • iOS 轻量级 HTML 解析方案

    一个轻量级的 Objective-C-HMTL-Parser 解析库,这里主要是希望 HTML 解析出想要的标签字...

  • 4.HTML 属性

    属于为HMTL元素提供附加信息 一.HTML属性 1.HTML标签可以拥有属性。属性提供了有关HTML元素的更多的...

网友评论

      本文标题:HMTL必学标签

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