为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
初识HTML(5)+CSS(3)_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 语法: html4.01版本 <hr> xhtml1.0版本 <hr /> <hr/>和<br/>都是空标签,只有开始标签,没有结束标签。 <hr/>标签的在浏览器中的默认样式线条比较粗,颜色为灰色,
    查看全部
  • 要想输入空格,必须写入 
    查看全部
  • 使用br标签分行显示文本 在需要加回车换行的地方加入<br />,<br />标签作用相当于word文档中的回车。 <br />标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有<br />、<hr />和<img />。 语法: xhtml1.0写法: <br /> html4.01写法: <br> 总结:在html代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入<br />。
    查看全部
  • 短文引用标签<q> </q>文本会自动给引用段落添加双引号。 长文引用标签<blockquote> </blockquote>被引用的文本会呈现缩进状态,没有双引号。
    查看全部
    2 采集 收起

    2018-03-22

  • q标签,短文本引用 语法: <q>引用文本</q> <q>标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话。 <q> 标签在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用。如果需要从周围内容分离出来比较长的部分(通常显示为缩进的块),请使用 <blockquote> 标签。
    查看全部
    14 采集 收起

    2018-03-22

  • 使用span标签为文字设置单独样式 1. <em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调。 2. <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。 语法: <style> span{ color:red; } </style> </head> <body><span>中国梦</span></body>
    查看全部
    0 采集 收起

    2018-03-22

  • <em>或<strong>标签的区别: <em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。 语法: <em>需要强调的文本</em> <strong>需要强调的文本</strong>
    查看全部
    1 采集 收起

    2018-03-22

  • 标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。 语法: <hx>标题文本</hx> (x为1-6) h1标签字号最大,h2标签字号相对h1要小,以此类推h6标签的字号最小。
    查看全部
    2 采集 收起

    2018-03-22

  • 如果想在网页上显示文章,这时就需要<p>标签了,把文章的段落放到<p>标签中。 语法: <p>段落文本</p> <p>标签的默认样式,段前段后都会有空白,如果不喜欢这个空白,可以用css样式来删除或改变它。
    查看全部
    1 采集 收起

    2018-03-22

  • <em></em> 斜体 <strong></strong> 粗体 <span>美国梦</span> 这个标签没有效果。后面用css样式可以给span标签设置css样式,就是相当与给“美国梦”这三个字来设置样式。 <span> 来组合行内元素,以便通过样式来格式化它们。 注释:span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。
    查看全部
    2 采集 收起

    2018-03-22

  • 标签的用途:我们学习网页制作时,常常会听到一个词,语义化。那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下我可以使用这个标签才合理)比如,网页上的文章的标题就得用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用em标签表示强调等等。 讲了这么多语义化,但是语义化可以给我们带来什么样的好处呢? 1. 更容易被搜索引擎收录。 2. 更容易让屏幕阅读器读出网页内容。
    查看全部
    2 采集 收起

    2018-03-22

  • 代码注释是帮助程序员标注代码的作用,过一段时间后再看你所编写的代码,就能很快想起这段代码的作用。代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。 语法:<!--注释文字 -->
    查看全部
  • <head>标签的作用:文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 <head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head> <title>标签:在<title>和</title>标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的
    查看全部
  • 1. <html></html>称为根标签,所有的网页标签都在<html></html>中。 2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签,头部标签在下一小节中会有详细介绍。 3. 在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。
    查看全部
  • 1. 标签由英文尖括号<和>括起来,如<html>就是一个标签。 2. html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。 如: (1) <p></p> (2) <div></div> (3) <span></span> 3. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。如下图所示。 4. HTML标签不区分大小写,<h1>和<H1>是一样的,但建议小写,因为大部分程序员都以小写为准。
    查看全部

举报

0/150
提交
取消
课程须知
没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。
老师告诉你能学到什么?
本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识,可以利用HTML(5)、CSS(3)样式技术制作出简单页面。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!