3-html块-语义化的标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
<!--
1.div标签块元素，表示一块内容，没有具体的语义
2.span标签行内元素，表示一行中的一小段内容，没有具体的语义
含样式和语义的标签
1.em标签行内元素，表示语句中的强调词，文字倾斜
2、i标签行内元素，原本没有语义，w3c强加了语义，表示专业词汇，文字倾斜
3、b标签行内元素，原本没有语义，w3c强加了语义，表示文档中的关键字或者产品名，文字加粗
4、strong标签 行内元素，表示非常重要的内容 -->
<p>一个html文件就是一个网页<br />，html文件用编辑器打开显示的是文本,可以用文本的方
式编辑它，如果用浏览器打开，浏览器会按 照标签描述内容将文件渲染成网页，显示的网
页可以从一个网页链接跳转到另外一个网页<br />>3<br /><2
</p>
<p>
<strong>一个html文件就是一个网页<br />，html文件用编辑器打开显示的是文本,可以用文本的方
式编辑它，如果用浏览器打开，浏览器会按 照标签描述内容将文件渲染成网页，显示的网
页可以从一个网页链接跳转到另外一个网页<br />>3<br /><2</strong>
</p>
<div>
一个html文件就是一个网页<br />，<span>6666</span>，html文件用编辑器打开显示的是文本,可以用文本的方
式编辑它，如果用浏览器打开，浏览器会按 照标签描述内容将文件渲染成网页，显示的网
页可以从一个网页链接跳转到另外一个网页<br />>3<br /><2
</div>
<div>
一个<b>html文件</b>就是一个<em>网页</em><br />，<span>6666</span>，html文件用编辑器打开显示的是文本,可以用文本的方
式编辑它，如果用浏览器打开，浏览器会按 照标签描述内容将文件<i>渲染</i>成网页，显示的网
页可以从一个网页链接跳转到另外一个网页<br />>3<br /><2
</div> </body>
</html>
3-html块-语义化的标签的更多相关文章
- Html块标签、含样式的标签、语义化的标签：
Html块标签: (1)<div>标签 块元素,表示一块内容,没有具体的语义 (2)<span>标签 行内元素,表示一行中的一小段内容,没有具体的语义 <p>标签 ...
- HTML5的新语义化的标签
在HTML5之前采用HTML+CSS文档结构写法 [ID选择器说明 id选择器——用于标识页面上特定元素(比如站点导航.页眉.页脚)而且必须唯一; 也可以用来标识持久结构性元素(如主导航.内容区域)] ...
- html5中新增的语义化的标签
html5是html最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定.目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准,以期能在互联网应用迅速发展的时候,使网络 ...
- HTML5-新增语义化结构标签
总结目录结构: 1.简洁的DOCTYPE声明 2.新的布局结构标签 header,article,section,aside,footer 3.新的其它常用标签: nav,hgroup,figure, ...
- 腾讯TGideas语义化标签（转）
--------引子--------------- 家里有个熊孩子,经常会有一些意想不到的事情发生:回家的时候,他会笑呵呵冲过来,大声喊着“臭爸爸”:你让他把鞋穿上,他会提起鞋子往楼下扔...在小孩的 ...
- HTML5学习之语义化标签（一）
一.为什么HTML5要引入新语义标签 在HTML5出现之前,我们一般采用DIV+CSS布局我们的页面.但是这样的布局方式不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取.为了解决上 ...
- HTML5学习之语义化标签
一.为什么HTML5要引入新语义标签 在HTML5出现之前,我们一般采用DIV+CSS布局我们的页面.但是这样的布局方式不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取.为了解决上 ...
- 灵魂代码分享HTML元素标签语义化及使用场景实用到爆
灵魂三问: 标签语义化是什么?为什么要标签语义化?标签语义化使用场景有哪些? 下面让我们跟着这三个问题来展开一下本文的内容. 一.标签语义化是什么? 标签语义化就是让元素标签做适当的事情.例如 p 标 ...
- HTML的语义化，你需要深入了解
有关HTML的一些基础课程,很多网站都有讲,于我而言,真正实践起来,我只要求我能够让它表现出我所想要的结果即可.然而,这种要求,对于后期的维护与测试,真的是......想起日前我们所做的这个项目,那里 ...
随机推荐
- Java 8 Optional 的用法
认识Optional Optionals是用于防止 NullPointerException 的漂亮工具.让我们快速了解一下Optionals的工作原理. Optional 是一个简单的容器,其值 ...
- 基于Snappy实现数据压缩和解压
Snappy是谷歌开源的一个用来压缩和解压的开发包.相较其他压缩算法速率有明显的优势,官方文档显示在64位 i7处理器上,每秒可达200~500MB的压缩速度,不禁感叹大厂的算法就是厉害. 开源项目地 ...
- python 之 前端开发（ jQuery选择器、筛选器、样式操作、文本操作、属性操作、文档操作）
11.5 jQuery 引入方式: 方式一:本地引入 <script src="jquery-3.3.1.min.js"></script> <scr ...
- Microsoft的考验――查找第二大的数
#include<stdio.h> int main() { int n,m,t,max,max1; scanf("%d",&n); while(n--) { ...
- go 渲染数据到文件
//把数据写到文件里面 package main import ( "fmt" "text/template" "time" "o ...
- Golang_互斥锁
为什么需要锁? 在并发的情况下,多个线程或协程同时去修改一个变量.使用锁能保证在某一时间点内,只有一个协程或线程修改这一变量. 锁的概念就是,我正在处理 a(锁定),你们等着,等我处理完了(解锁),你 ...
- 深入浅出CAS
后端开发中大家肯定遇到过实现一个线程安全的计数器这种需求,根据经验你应该知道我们要在多线程中实现 共享变量 的原子性和可见性问题,于是锁成为一个不可避免的话题,今天我们讨论的是与之对应的无锁 CAS. ...
- C# vb实现浮雕特效滤镜效果
在.net中,如何简单快捷地实现Photoshop滤镜组中的浮雕效果呢?答案是调用SharpImage!专业图像特效滤镜和合成类库.下面开始演示关键代码,您也可以在文末下载全部源码: 设置授权 第一步 ...
- 转 如何在调用WCF服务之前弹出一个确认对话框
自定义InteractiveChannelInitializer(InvocationConfirmationInteractiveChannelInitializer)定义如下.我们在BeginDi ...
- TFTP（Trivial File Transfer Protocol，简单文件传输协议）
TFTP(Trivial File Transfer Protocol,简单文件传输协议),是 TCP/IP 协议族中用来在客户机和服务器之间进行简单文件传输的协议,开销很小.这时候有人可能会纳闷,既 ...