HTML标签的认识
一、标签的分类
1、双标签 如<html> </html>
2、单标签 如<br \> 换行标签

二、标签的关系
1、嵌套关系
如<head> 与title 父子关系
<head><title></title></head>
2、并列关系
如<head>与<body> 兄弟关系

三、排版标签
1、标题标签 h1-h6 h1比较重要，一般用作网站的logo
2、段落标签 p
3、水平线标签 <hr /> 单标签
4、换行标签<br />
5、div span 标签 网页布局标亲 盒子

四、文本格式化标签
1、文本加粗标签
<b>不推荐使用的加粗标签</b>
<strong>推荐使用的加粗标签</strong>
2、文本倾斜标签
<i>不推荐使用的倾斜标签</i>
<em>推荐使用的倾斜标签</em>
3、文本删除线标签
<s>不推荐使用的删除线标签</s>
<del>推荐使用的删除线标签</del>
4、下划线标签
<u>不推荐使用的下划线标签</u>
<ins>推荐使用下划线标签</ins>

五、标签属性

六、图像标签
<img /> 单标签

属性：src 图片路径
alt 替换文字 图片无法显示时显示的文字
title 鼠标放在图片上时显示的文字

七、链接标签
<a href="链接路径"></a>

八、锚点定位
适用于较长的页面，我们可以点击某个关键词，从而迅速到达页面的这个位置
1、使用"<a href="#id名">链接文本</a>" 创建链接文本
2、使用相应的id名标注跳转目标位置

九、base 标签 单标签 base可以设置整体链接的打开状态

例：<base target="_blank" /> 链接开启新窗口
<base target="_self" /> 链接不开启新窗口

十、特殊字符标签 如:空格->&nbsp;等 百度查看更多

十一、注释标签

<!--这是注释-->
注释快捷键： 单行注释 ctrl+/ 多行注释 ctrl+shift +/

第六课 Html5常用标签 html5学习1的更多相关文章

  1. html5常用标签table表格布局

    html5常用标签table表格布局 一.总结 一句话总结: 二.html5常用标签table表格布局 用表格显示信息调理清楚,使浏览者一目了然.表格在网页中还有协助布局的作用,可以把文字.图像等组织 ...

  2. Html5新增标签的学习。

    随笔,记录的比较随便. 今天新学习了9个标签. <audio> 简单的说就是一个音频标签,他的主要常用属性有src=""音频的路径 controls="con ...

  3. HTML5 常用标签整理

    <!--1.  html5 文本 --> <div> <header> <hgroup> <h1>h1</h1> <h2& ...

  4. HTML5常用标签总结

    一.常用的标签 <h1>~<h6> 表示是一个标题 <p> 段落标签 <hr/> 水平线标签 <br/> 换行标签 <sub> ...

  5. HTML5常用标签

    section 板块,用于划分页面的不同区域或者划分文章里不同的节 ↓  header 页面头部或者板块section头部 ↓  footer 页面底部或者section底部 ↓  nav 导航(包含 ...

  6. HTML5常用标签分类

    1.行级元素标签:a.span.sup.sub.em.b.big.i.strong 2.块元素标签:div.p.h1~h6.ul.ol.li.table.form.article.footer.hea ...

  7. HTML5常用标签及特殊字符表

    *http://html5doctor.com/nav*http://html5doctor.com/article*http://html5doctor.com/section*http://htm ...

  8. HTML常用标签参考学习

    1．跑马灯标签 功能<marquee>...</marquee> 普通卷动<marquee behavior=slide>...</marquee> 滑 ...

  9. 潭州课堂25班：Ph201805201 django框架 第四课 模板常用标签，模板继承与引用，自定义过渡器 (课堂笔记)

    if 语句 判断传入的 name 值 建好这些文件后,对 url 进行配置 在浏览器中访问 for 循环 页面跳转: 通过  name 跳转时要在 urls 文件中为该 path 设置 name 带参 ...

随机推荐

  1. 请不要在JDK7及以上用Json-lib了

    [Json-lib 介绍] Json-lib 是以前 Java 常用的一个 Json 库,最后的版本是 2.4,分别提供了 JDK 1.3 和 1.5 的支持,最后更新时间是 2010年12月14日. ...

  2. 微信小程序快速开发上手

    微信小程序快速开发上手 介绍: 从实战开发角度,完整系统地介绍了小程序的开发环境.小程序的结构.小程序的组件与小程序的API,并提供了多个开发实例帮助读者快速掌握小程序的开发技能,并能自己动手开发出小 ...

  3. [Swift]LeetCode156.二叉树的上下颠倒 $ Binary Tree Upside Down

    Given a binary tree where all the right nodes are either leaf nodes with a sibling (a left node that ...

  4. [Swift]LeetCode377. 组合总和 Ⅳ | Combination Sum IV

    Given an integer array with all positive numbers and no duplicates, find the number of possible comb ...

  5. [Swift]LeetCode477. 汉明距离总和 | Total Hamming Distance

    The Hamming distance between two integers is the number of positions at which the corresponding bits ...

  6. Cassandra如何利用线性一致性来实现轻量级的事务

    分布式数据库会面临着一个独特的挑战,就是数据必须要严格的按照读,写顺序执行.如创建用户,转账,两个潜在的写操作竞态条件必须要确保一个写操作必须在另外一个之前发生.在Cassandra中,使用Paxos ...

  7. springcloud之服务注册与发现

    本次分享的是关于springcloud服务注册与发现的内容,将通过分别搭建服务中心,服务注册,服务发现来说明:现在北京这边很多创业公司都开始往springcloud靠了,可能是由于文档和组件比较丰富的 ...

  8. Hive篇---Hive使用优化

    一.前述 本节主要描述Hive的优化使用,Hive的优化着重强调一个 把Hive SQL 当做Mapreduce程序去优化 二.主要优化点 1.Hive运行方式:本地模式集群模式 本地模式开启本地模式 ...

  9. 说一说MVC的控制器(二)

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...

  10. Android--从系统Gallery获取图片

    前言 在Android应用中,经常有场景会需要使用到设备上存储的图片,而直接从路径中获取无疑是非常不便利的.所以一般推荐调用系统的Gallery应用,选择图片,然后使用它.本篇博客将讲解如何在Andr ...