第六课 Html5常用标签 html5学习1
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" /> 链接不开启新窗口
十、特殊字符标签 如:空格-> 等 百度查看更多
十一、注释标签
<!--这是注释-->
注释快捷键: 单行注释 ctrl+/ 多行注释 ctrl+shift +/
第六课 Html5常用标签 html5学习1的更多相关文章
- html5常用标签table表格布局
html5常用标签table表格布局 一.总结 一句话总结: 二.html5常用标签table表格布局 用表格显示信息调理清楚,使浏览者一目了然.表格在网页中还有协助布局的作用,可以把文字.图像等组织 ...
- Html5新增标签的学习。
随笔,记录的比较随便. 今天新学习了9个标签. <audio> 简单的说就是一个音频标签,他的主要常用属性有src=""音频的路径 controls="con ...
- HTML5 常用标签整理
<!--1. html5 文本 --> <div> <header> <hgroup> <h1>h1</h1> <h2& ...
- HTML5常用标签总结
一.常用的标签 <h1>~<h6> 表示是一个标题 <p> 段落标签 <hr/> 水平线标签 <br/> 换行标签 <sub> ...
- HTML5常用标签
section 板块,用于划分页面的不同区域或者划分文章里不同的节 ↓ header 页面头部或者板块section头部 ↓ footer 页面底部或者section底部 ↓ nav 导航(包含 ...
- HTML5常用标签分类
1.行级元素标签:a.span.sup.sub.em.b.big.i.strong 2.块元素标签:div.p.h1~h6.ul.ol.li.table.form.article.footer.hea ...
- HTML5常用标签及特殊字符表
*http://html5doctor.com/nav*http://html5doctor.com/article*http://html5doctor.com/section*http://htm ...
- HTML常用标签参考学习
1.跑马灯标签 功能<marquee>...</marquee> 普通卷动<marquee behavior=slide>...</marquee> 滑 ...
- 潭州课堂25班:Ph201805201 django框架 第四课 模板常用标签,模板继承与引用,自定义过渡器 (课堂笔记)
if 语句 判断传入的 name 值 建好这些文件后,对 url 进行配置 在浏览器中访问 for 循环 页面跳转: 通过 name 跳转时要在 urls 文件中为该 path 设置 name 带参 ...
随机推荐
- nginx参数 uri和request_uri讨论
uri可以输出rewrite后的uri不带参数,要用args查看 request_uri 是请求的完整的uri带参数
- json 的使用 Java对象转json
1. jsonlib:个人感觉最麻烦的一个需要导入的包也多,代码也相对多一些. 2.Gson:google的 3.FastJson:阿里巴巴的,个人觉得这个比较好,而且据说这个也是性能最好一个. 下面 ...
- HBuilder git使用-分工合作
1.初始项目的创建 创建好项目,在项目名上右键,Team->共享 完成后,就实现了本地仓库的建立,另外你要注意现在创建的项目所有文件变成了红色,Git Repositories视图列出了相应的本 ...
- 与JMeter的第一次亲密接触
postman和JMeters是外部接口测试的两个工具,通过界面化的方法,来实现操作http报文携带的请求字段.VK值.json.cookie.header值及文件.本篇主要介绍JMeter. 测 ...
- Vs 发布编译问题
如果勾选了预编译 发布后的目录会有PrecompiledApp.config文件,bin目录中会有App_global.asax.dll和App_global.asax.compiled文件 不勾选预 ...
- 反爬虫:利用ASP.NET MVC的Filter和缓存(入坑出坑)
背景介绍: 为了平衡社区成员的贡献和索取,一起帮引入了帮帮币.当用户积分(帮帮点)达到一定数额之后,就会“掉落”一定数量的“帮帮币”.为了增加趣味性,帮帮币“掉落”之后所有用户都可以“捡取”,谁先捡到 ...
- javascript 省市区三级联动 附: json数据
html: <label> <span>购买地址</span> <select name="PurchaseProvince" style ...
- [Swift]LeetCode719. 找出第 k 小的距离对 | Find K-th Smallest Pair Distance
Given an integer array, return the k-th smallest distance among all the pairs. The distance of a pai ...
- Java 生成 JNI 头文件
[参考文章]:javah javac 命令行生成native的方法教程 [参考文章]:用javah 导出类的头文件, 常见的错误及正确的使用方法 项目需要调用 C++动态库,由于项目包结构发生变化,需 ...
- 北上广等一线城市IT岗位已接近饱和?
IT行业的技术者,时常被我们戏称为「IT民工」,虽然行业内巨大的人才需求和相对容易得到的高薪在源源不断的吸引各路人马加入,但它依旧在全球最缺人的十大行业中位居榜首. 我身边的朋友大都问过我这样一个疑问 ...