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. Java 读取excel 文件流

    public static void initType(String path) { try { //1 获取excel文件流 excel xls 文件 暂不支持xlsx if (path.conta ...

  2. Ubuntu添加中文输入法

    1.点击左上角Dash home 2.输入keyboard input methods 3.点击keyboard input methods,选择input methods,打钩. 4.点击下三角,选 ...

  3. python语法_列表生成器_生成器_迭代器_异常捕获

    列表生成式 a = [x for x in range(10)] print(a) x 可进行操作 a = [x*2 for x in range(10)] print(a) x甚至可以为函数, de ...

  4. [Swift]LeetCode38. 报数 | Count and Say

    The count-and-say sequence is the sequence of integers with the first five terms as following: 1. 1 ...

  5. [Swift]LeetCode413. 等差数列划分 | Arithmetic Slices

    A sequence of number is called arithmetic if it consists of at least three elements and if the diffe ...

  6. Linux 工程向 Windows 平台迁移的一些小小 tips

    Linux 工程向 Windows 平台迁移的一些小小 tips VS2013 C++11 Visual Studio 2013 没有做到对 C++11 所有的支持,其中存在的一个特性就是 In-cl ...

  7. 美国5G：初步上线玩砸，信号难寻和4G无差别

    事件背景: 自从美国最高联邦法院给美国国会立法机关送去了传票之后,至今为止还暂时没有动静.传票限期两个月,不开庭就视为自动败诉,目前离最后的期限应该还有一个月的时间,静心等待结果就好. 不过这段时间, ...

  8. ThinkPHP 数据库操作(二) : 增删改查

    基本使用 可以直接使用数据库运行原生SQL操作了,支持 query (查询操作)和 execute (写入操作)方法,并且支持参数绑定. Db::query('select * from think_ ...

  9. CentOS Too Many Open Files 解决

    问题 在使用 WRK 对应用服务进行压测的时候,提示 "too many open files" 信息,导致无法启动测试. 原因 CentOS 7.x 默认的打开文件数目限制为 1 ...

  10. 1.Django安装与运行

    Django基本配置 Python的WEB框架有Django.Tornado.Flask 等多种,Django相较与其他WEB框架其优势为:大而全,框架本身集成了ORM.模型绑定.模板引擎.缓存.Se ...