【html5-常用的文本元素】的更多相关文章

html5--1.5 文本元素

html5--1.5 文本元素 学习要点: 掌握常用的文本元素 文本元素,就是讲一段文本设置成相匹配的结构和含义 1.b元素: 我的作用就是 加粗文字: 2.br元素: 我的作用就是强制换行: 3.i元素: 我的作用就是让 文字倾斜: 4.del元素: 我的作用就是 删除文子 5.strong元素: 我的作用是强调一段文本我的实际作用也是加粗文字. 6.wbr元素: 我的作用是表示安全换行Theshiyigehenchanghenchangdedanci. 再来对比一下没有安全换行的文本Thes…

html5-常用的文本元素

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>常用的文本元素</title></head><body>    常用的文本元素<br><!-- 强制换行 -->        <b>加粗文字</b><br>    …

3.html5的文本元素

如果你看了第一篇的内容,你会发现我的代码是这样的: 文本 <span>文本</span> <scolia>文本</scolia> <scolia abcd=123>文本</scolia> 但显示的效果却是这样的: 很奇怪,明明我的代码是分了4行来写的,但为什么在浏览器显示的时候却都在一行以内,而且它们之间都有一个空格的距离? 因为,浏览器对于换行的解释并不是依靠我们写代码时的排版,而是根据特定的标签,例如专用的换行标签<br/&…

HTML5学习（4）文本元素

使用VSCode编辑器,内置emmet插件. ctrl+/ 注释/取消注释 ctrl+enter 新起一行 ctrl+shift+enter 往上新起一行 h$*4>lorem10 <h1>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam, vel.</h1> <h2>Laudantium dicta facilis blanditiis, enim nesciunt nihil quia…

html5常用属性text-shadow、vertical-align、background如何使用

html5常用属性text-shadow.vertical-align.background如何使用 一.总结 一句话总结: 1.text-shadow:[x轴(X Offset) y轴(Y Offset) 模糊半径(Blur) 颜色(Color)] 2.vertical-align注意语义, 注意父元素的基线 3.background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center; 4.background:  transparent…

读书笔记：《HTML5开发手册》--HTML5新的结构元素

读书笔记:<HTML5开发手册> (HTML5 Developer's CookBook) 虽然从事前端开发已有很长一段时间,对HTML5标签也有使用,但在语义化上面理解还不够清晰.之前在图书馆看到HTML5这类书基本就是略过,想想无非就是介绍一些标签,给一些初学者看,但看了本书之后深受启发,拿来分享,也希望大家多提意见. 一.HTML5中新的结构元素 1. HTML5初始文件 1.1.doctype 在之前,doctype的声明是这样的: <!DOCTYPE HTML PUBLIC &…

HTML5之新增的元素

今天打开博客看到自己有了一个小粉丝,说实话还是蛮开心的,坚持写博客大半年了,终于迎来了自己的第一个小伙伴.总算是坚持了那么久的事情看到了结果吧. 前几天参加了我们学院老师的比赛---<青年教师大赛的初赛>.我被我们老师拉去做了义工-----计时员.看了所有老师的比赛,虽然都特别好,但是让我印象深刻的还是一个HTMl5+CSS3的课程.看到那种炫酷的效果,我瞬间都被吸引住了.所以忙完了手头上的作业,就从别人那里要到了HTML5的教程,开始了我的学习HTML5之路.虽然看了6节课了,还是没有学到老…

常用HTML标签元素结合及简介

常用HTML标签元素结合及简介 <html></html> 创建一个HTML文档<head></head> 设置文档标题和其它在网页中不显示的信息<title></title> 设置文档的标题        <h1></h1> 最大的标题<pre></pre> 预先格式化文本          <u></u> 下划线<b></b> 黑体字 …

HTML5 增强的页面元素

一.HTML5 改良的 input 元素的种类 1.<input type="number" id="num1"> var n1 = document.getElementById("num1").valueAsNumber; 七.HTML5 增强的页面元素 1.figure.figcaption <figure> 标签规定独立的流内容(图像.图表.照片.代码等等).figure 元素的内容应该与主内容相关,但如果被删除,…

bootstrap快速入门笔记（五）-文本元素类，各种标签,排版

1,h1到h6这里也有定义了 2,全局元素被直接赋予font-size 设置为 14px,line-height 设置为 1.428,<p> (段落)元素还被设置了等于 1/2 行高(即 10px)的底部外边距(margin) 3,“.lead”:让段落突出显示,就是字体加大了,加粗了. 4,<mark>内联文本元素:文字背景是黄色: 5,<del>删除文本标签:<s>无用文本标签,和del效果类似: 6,<ins>插入文本标签:<u>…