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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • html文件基本结构: <html> <head>...</head> <body>...</body> </html> <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签; 在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签。
    查看全部
  • 1、html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。 2、标签与标签之间是可以嵌套的,但先后顺序必须保持一致。 3、HTML标签不区分大小写,但建议小写。
    查看全部
  • 语法: html4.01版本 <hr> xhtml1.0版本 <hr /> 注意: 1. <hr />标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。 2. <hr />标签的在浏览器中的默认样式线条比较粗,颜色为灰色,可能有些人觉得这种样式不美观,没有关系,这些外在样式在我们以后学习了css样式表之后,都可以对其修改。
    查看全部
  • 要想输入空格,必须写入&nbsp;
    查看全部
  • <br />标签作用相当于word文档中的回车。 html中是忽略回车和空格的
    查看全部
  • blockquote标签,长文本引用 <blockquote>的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。 <q>标签是对简短文本的引用,比如说引用一句话就用到<q>标签。 浏览器对<blockquote>标签的解析是缩进样式
    查看全部
    0 采集 收起

    2018-03-22

  • q标签,短文本引用 注意这里用<q>标签的真正关键点不是它的默认样式双引号,而是它的语义:引用别人的话。
    查看全部
    0 采集 收起

    2018-03-22

  • 1. <em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调。 2. <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。
    查看全部
    0 采集 收起

    2018-03-22

  • >号后面的{}内不需写分号 .first>span{border:1px solid red;}
    查看全部
  • <em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。 <em>的内容在浏览中显示为斜体,<strong>显示为加粗。如果不喜欢这种样式,没有关系,以后可以使用css样式去改变它。
    查看全部
    0 采集 收起

    2018-03-22

  • 标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。 网页上的各个栏目的标题也可使用它们 从上面的图片可以看出标题标签的样式都会加粗,h1标签字号最大,h2标签字号相对h1要小,以此类推h6标签的字号最小。
    查看全部
    0 采集 收起

    2018-03-22

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

    2018-03-22

  • 讲了这么多语义化,但是语义化可以给我们带来什么样的好处呢? 1. 更容易被搜索引擎收录。 2. 更容易让屏幕阅读器读出网页内容。
    查看全部
    0 采集 收起

    2014-11-19

  • 创建表格的四个元素: table、tbody、tr、th、td 1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。 2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。 4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。 5、<th>…</th>:表格的头部的一个单元格,表格表头。 6、表格中列的个数,取决于一行中数据单元格的个数。 上述代码在浏览器中显示的默认的样式为: 总结: 1、table表格在没有添加css样式之前,在浏览器中显示是没有表格线的 2、表头,也就是th标签中的文本默认为粗体并且居中显示
    查看全部
    0 采集 收起

    2018-03-22

  • <!--注释文字 -->
    查看全部

举报

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

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