`

HTML&CSS基础学习笔记1.7-高亮文本及组合使用

    博客分类:
  • HTML
阅读更多

HTML提供了<mark>标签可以让你的文本高亮,这样看起来更加醒目。
<mark>标签内的文本会呈现特殊的样式,它和<em>,<strong>一样也是一个带有语义的标签。

代码如下:

 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>高亮文本</title>
</head>
<body>
  <h1>使用mark标签高亮文本</h1>
  <p>web前端开发需要学习<mark>HTML</mark>、<mark>CSS</mark>和<mark>JS</mark>。</p>
</body>
</html>

 

显示效果如下:

 

 

 

那么如果我们对加粗文本,进行mark标签操作,会是怎样的呢?

直接先看代码吧:

 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>组合使用</title>
</head>
<body>
  <h1>组合使用带特殊样式的标签</h1>
  <p><b>张学良和杨虎城在<mark>1936年12月12日</mark>发动了西安事变</b></p>
</body>
</html>

 

页面则会显示如下:

 

具体体验学习,请参考http://www.mayacoder.com/lesson/lesson?lesson_id=28&knowledge_id=7

学习赚积分,以后可以赢取奖励哦~提前偷偷告诉你~

0
4
分享到:
评论
3 楼 octopole 2016-07-17  
周末学习~~~
2 楼 octopole 2016-07-15  
come on!
1 楼 octopole 2016-07-15  
求围观~~~

相关推荐

    HTML&CSS基础自学笔记---实现静态网页

    HTML和CSS是构建网页的基础,它们分别负责网页的内容结构和样式设计。HTML(HyperText Markup Language)是一种标记语言,用于定义网页的结构和意义。CSS(Cascading Style Sheets)则用于控制网页的布局和视觉效果...

    html&css;韩顺平笔记---HTML部分.ppt

    本课件为韩顺平老师的HTML CSS JS 课程中的笔记整理,注意是截图版的 如需要下载文字版的请绕道 估计网上也找不到文字版的 本教程适合电脑复习用的

    学习笔记HTML-css-JS.zip

    学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记...

    HTML CSS JS 学习、git-笔记.zip

    HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS ...

    HeadFirst HTML&amp;CSS学习笔记.zip

    CSS学习笔记 HeadFirst HTML&amp;CSS学习笔记HeadFirst HTML&amp;CSS学习笔记 HeadFirst HTML&amp;CSS学习笔记HeadFirst HTML&amp;CSS学习笔记 HeadFirst HTML&amp;CSS学习笔记HeadFirst HTML&amp;CSS学习笔记 Head...

    jihong10102006#blog#07、CSS基础笔记02----对齐方式1

    title: 07、CSS基础笔记02----对齐方式tags: CSDN迁移上对齐中对齐下对齐。

    HTML & CSS设计与构建网站 完整中文版带目录.pdf

    个人收集电子书,仅用学习使用,不可用于商业用途,如有版权问题,请联系删除! 前言 v 第1章 结构 1 第2章 文本 29 第3章 列表 51 第4章 链接 63 第5章 图像 83 第6章 表格 115 第7章 表单 133 第8章 其他...

    尚硅谷(李立超)——HTML5&CSS3笔记总结【持续更新】

    尚硅谷(李立超)——HTML5&CSS3笔记总结【持续更新】 本文适合前端菜鸟食用,小编自己整理的李立超老师视频的笔记,手打不易,那就望您每年快乐吧。逃) 一、进制 1.十进制(日常使用): 特点:满10进1 计数:0 1 ...

    HTML+CSS学习笔记.zip

    HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 ...

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记.zip

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...

    Head First HTML&amp;CSS 学习笔记.zip

    《Head First HTML&cSS 学习笔记》是一套极具特色的学习资料,它基于同名畅销书籍《Head First HTML与CSS》,通过生动有趣的方式帮助初学者掌握HTML和CSS的基础知识。该资源不仅提供了详尽的笔记内容,还包含了丰富...

    jQ1.7-1.8文档

    **jQuery 1.7 至 1.8:JavaScript 的优雅解决方案** jQuery 是一个流行的 JavaScript 库,它极大地简化了网页中的 DOM 操作、事件处理、动画制作以及Ajax交互。这个压缩包文件“jQ1.7-1.8”包含了 jQuery 的 1.7、...

    HTML&amp;amp;CSS入门学习笔记

    HTML&CSS入门学习笔记

    html+css+js学习笔记.zip

    html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记 html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记 html+css+js学习笔记html+css+js学习笔记...

    html和css学习笔记

    ### HTML与CSS学习笔记 #### 一、基础知识概述 HTML(HyperText Markup Language)与CSS(Cascading Style Sheets)是构建网页的基础技术。通过学习HTML与CSS,我们可以创建结构化且美观的网页。 - **WWW (World ...

    Head first HTML&CSS;.pdf

    《Head First HTML&CSS》是一本由Eric Freeman和Elisabeth Robson编写的经典教材,旨在为读者提供一种直观、高效的学习方式,深入浅出地讲解HTML和CSS的基础与高级应用。这本书之所以受到广泛赞誉,不仅在于其内容的...

    CSS基础知识学习笔记

    ### CSS基础知识学习笔记 #### 一、CSS简介与基本概念 **CSS**(Cascading Style Sheets)即层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言。CSS的作用在于控制网页的布局和样式,使网页内容的展现更加...

    前端的学习笔记HTML+css.zip

    前端的学习笔记HTML+css前端的学习笔记HTML+css前端的学习笔记HTML+css 前端的学习笔记HTML+css前端的学习笔记HTML+css前端的学习笔记HTML+css 前端的学习笔记HTML+css前端的学习笔记HTML+css前端的学习笔记HTML+css...

Global site tag (gtag.js) - Google Analytics