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. topic的leader显示为none的解决办法

    1.查看kafka的topic详细信息 bin/kafka-topics.sh --zookeeper 127.0.0.1:2181 --topic test --describe 配置delete. ...

  2. VSTS 执行git pull报错问题修复

    VSTS中进行双向同步配置的git pull指令如下: 运行时报错,Log如下图所示: 原因说的很清楚了,需要提前执行以下两条git config指令: git config --global use ...

  3. LinkedBlockingQueue 注记

    近期看一个音频传输代码时,对方采用了LinkedBlockingQueue为生产者.消费者模式,来支撑读写线程. 个人感觉非常不错,因此也对这种方式进行总结,并梳理了一个基本的功能框架备用.主要两点: ...

  4. 深入理解Spring Redis的使用 (三)、使用RedisTemplate的操作类访问Redis

    上一篇说了RedisTemplate对注解事务的支持,以及提供的序列化器. 事务需要开启enableTransactionSupport,然后使用@transactional注解,里面直接通过回调的c ...

  5. [Swift]LeetCode311. 稀疏矩阵相乘 $ Sparse Matrix Multiplication

    Given two sparse matrices A and B, return the result of AB. You may assume that A's column number is ...

  6. [Swift]LeetCode454. 四数相加 II | 4Sum II

    Given four lists A, B, C, D of integer values, compute how many tuples (i, j, k, l)there are such th ...

  7. [Swift]LeetCode744. 寻找比目标字母大的最小字母 | Find Smallest Letter Greater Than Target

    Given a list of sorted characters letterscontaining only lowercase letters, and given a target lette ...

  8. 执行find / -name *.sh时报错 find: 路径必须在表达式之前: start-ressvr-release.sh

    想查找一个包含4000多文件的目录下所有.sh结尾的文件 使用命令     find  ./ -name *.sh     (本身已经在要查找的目录里了) 结果报错:  解决方法一:find ./ - ...

  9. jquery监听video标签视频播放暂停状态

    由于jquery中没有video的paly,pause方法,所以在使用jquery来控制视频的播放的播放状态时会出现问题 之前的代码: let $video = $('#video'); $('.pl ...

  10. Python档案袋(线程 )

    Python的进程和线程是使用的操作系统的原生线程和进程,其是去调用操作系统的相应接口实现 进程:之间不可直接共享数据,是资源的集合,进程必须有一个线程 线程:基于进程,之间可直接共享数据,可执行,只 ...