美文网首页
HTML标签(第一篇)

HTML标签(第一篇)

作者: JohnnyB0Y | 来源:发表于2016-09-03 00:09 被阅读20次

<h5>PS:【标签内的空格只是为了能在简书上完整显示添加上去的。】</h5>

<h6>HTML单标记</h6>

< hr> : 横向标记
< br> : 换行标记
<!-- --> : 注释文本 ( 快捷键 command+/ )
< img src="图片路径" alt="图片描述" title="鼠标在图片上时显示的文字"> : 图片标记标记

<h6>HTML双标记</h6>

< hn>标题内容< /hn> :标题标记 ( n 取值 1~6 标题字体从大到小 )
< p>一段文字< /p> :段落标记
< font>文字内容< /font> : 控制网页文字颜色、大小、字体
< strong>文字内容< /strong> 与 < b>文字内容< /b> : 文字加粗,起强调作用
< em>文字内容< /em> 与 < i>文字内容< /i> : 文字斜体
< ins>文字内容< /ins> 与 < u>文字内容< /u> : 文字下划线
< del>文字内容< /del> 与 < s>文字内容< /s> : 文字删除线

< a href="链接" target="_blank">内容(图片、文字等)< /a>  :超链接
(target="_blank" 表示从新页面打开,target="_self" 当前页面打开)

定义 < a id="TARGET">顶部< /a> 使用 < a href="#TARGET">回到顶部< /a> :锚链接
( 与iOS中的tableView滚动到指定Cell位置相同 )

<h6>HTML 特殊标记符号:</h6>


QQ20160902-0@2x.png

<h6>HTML列表</h6>

----------------无序列表----------------
< ul>
< li>科比< /li>
< li>麦迪< /li>
< /ul>

样式如下:
<ul><li>科比</li><li>麦迪</li><li>波波维奇</li></ul>

----------------有序列表----------------
< ol>
< li>科比< /li>
< li>麦迪< /li>
< /ol>

样式如下:
<ol><li>科比</li><li>麦迪</li><li>波波维奇</li></ol>

----------------自定义列表----------------
< dl>
< dt>NBA Player< /dt>
< dd>科比< /dd>
< dd>麦迪< /dd>
< /dl>

样式如下:
<dl><dt>NBA Player</dt><dd>科比</dd><dd>麦迪</dd><dd>波波维奇</dd></dl>


<h6>meta标签介绍:</h6>

-1- 字符集(charset):

< meta charset="utf-8">
utf-8    是网络传输最常用的字符集编码方式
gb2312   简单中文
GBK      包含全部中文字符、繁体
BIG5     繁体中文

-2- name 属性主要用于描述网页,对应于Content(网页内容)

1、< meta name="Generator" Content="">用以说明生成工具(如Microsoft FrontPage 4.0)等; 
2、< meta name="Keywords" Content="">向搜索引擎说明你的网页的关键词;
3、< meta name="Description" Content="">告诉搜索引擎你的站点的主要内容; 
4、< meta name="Author" Content="你的姓名">告诉搜索引擎你的站点的制作的作者;
5、< meta name="Robots" Content="all|none|index|noindex|follow|nofollow"> 
其中的属性说明如下:
设定为all: 文件将被检索,且页面上的链接可以被查询;
设定为none:文件将不被检索,且页面上的链接不可以被查询;
设定为index:文件将被检索;
设定为follow:页面上的链接可以被查询;
设定为noindex:文件将不被检索,但页面上的链接可以被查询;
设定为nofollow:文件将不被检索,页面上的链接可以被查询。

-3- http-equiv 类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。

< meta http-equiv="Content-Type"   Content="text/html"; charset=gb_2312"> 
(Contect="text/html" 设置资源类型)
< meta http-equiv="Refresh" Content="5;url=http://www.w3school.com.cn"/>
( 网页重定向,5表示5秒后跳转,url为要跳转的网页地址)

<a href="http://kinglyhum.iteye.com/blog/827807"target="_blank">更多http-equiv介绍</a>


<h6>link标签:</h6>

1:引用外部CSS文件 例如:
  <link rel="stylesheet" type="text/css" href="https://ss1.bdstatic.com/.../.css">
2:引用title图片(浏览器标签页显示的小图标) 例如:
  <link  rel="icon" href="taobao.icon">

相关文章

  • Html 学习笔记

    HTML基础 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag) HTML 标签通...

  • HTML常用标签

    HTML标签:标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,HTML标签是HTML最重...

  • 2018-06-04——HTML简介

    HTML 简介 HTML 标签 ·HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 ·HTML...

  • 02.html

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

  • HTML 常用的标签

    什么是 HTML 标签 HTML 文档和 HTML 元素是通过 HTML 标签进行标记的 HTML 标签由开始标签...

  • HTML标签(第一篇)

    PS:【标签内的空格只是为了能在简书上完整显示添加上去的。】 HTML单标记 HTML双标记 HTML 特殊标记符...

  • HTML笔记

    html标签与html元素 html标签: 由开始标签和结束标签组成的一对标签。 html元素: 从开始标签到结束...

  • HTML

    HTML简介 HTML的基本结构 HTML标签 基本标签 布局标签

  • HTML常用标签介绍

    HTML标签:通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,HTML标签是HTML最重要的组成...

  • HTML标签类型

    /*HTML标签类型 html /*HTML标签类型 1.块级标签:*1....

网友评论

      本文标题:HTML标签(第一篇)

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