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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <q>标签的语义:引用别人的话。 默认样式:双引号
    查看全部
    0 采集 收起

    2018-03-22

  • <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。
    查看全部
    0 采集 收起

    2018-03-22

  • 作用: 定义预格式化的文本。 表现: 1.<pre>包围的元素或保留空格和换行 (如果不在pre标签内,多个空格只会显示一个空格) 2.<pre>包围的元素等宽显示 3.<pre>标识代码块只是其一个具体用法 4.可到导致段落断开的标签(如:<p>,<address>)等,最好不要用于<pre>内部。各浏览器对其解释可能存在不一致,从而带来兼容性问题 5.<pre>标签中的特殊符号被转换为符号实体,比如 "&lt;" 代表 "<","&gt;" 代表 ">"
    查看全部
    0 采集 收起

    2018-03-22

  • 1.作用: <code>标签:标识内部是计算机源代码或计算机可以阅读的语言 2.效果: 1.通常展示效果为:等宽字体 2.告诉浏览器,这是一段代码,将来(或自定义样式)能格式化这段 代码:如缩进,高亮等
    查看全部
    0 采集 收起

    2018-03-22

  • A.块级元素 div>、 <p>、<h1>、<form>、<ul> 、<li> ul,li,h1,h2,h3,p{margin:0;padding:0} ul\li\h\p默认存在padding和margin值,因此会在浏览器显示空行。 属性: 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行) 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。 B、行内元素 <span>、<a>、<label>、<input>、 <img>、 <strong> 、<e
    查看全部
  • 在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素和内联块状元素。 常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有: <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有: <img>、<input>
    查看全部
  • .food>li{border:1px solid red;} 会将该类目的子元素选中。 子选择器
    查看全部
  • 1.<address> 标签定义文档或文章的作者/拥有者的联系信息。 2.<address> 元素中的文本通常呈现为斜体。 大多数浏览器会在 address 元素前后添加折行。 3.<address> 元素位于 <body> 元素内,则它表示文档联系信息。 4.<address> 元素位于 <article> 元素内,则它表示文档联系信息。
    查看全部
    0 采集 收起

    2018-03-22

  • <span id="stressid bigsizeid">错误#stressid{ } <span class="stressid bigsizeid">正确 <span id="stressid">正确#stressid{ } ​<span id="bigsizeid">正确#bigsizeid{ }
    查看全部
  • 1.<q></q>定义简短的应用,自动添加 ""符号 2.<blockquote></blockquote> 定义块的引用, 不添加"", 但自动缩进,并增加 外边距
    查看全部
    0 采集 收起

    2018-03-22

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>form中的lable标签</title> </head> <body> <form> <label>你对什么运动感兴趣:</label><br> <label for="joging">慢跑</label> <input type="checkbox" name="sport" id="joging"> <br /> <label for="climbing">
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>重置按钮</title> </head> <body> <form action="save.php" method="post" > <label>爱好:</label> <select> <option value="看书">看书</option> <option value="旅游" selected="selected">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select> <input type="submit" value="确定" /> <input type="reset" value="重置" /> </form> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>提交按钮</title> </head> <body> <form method="post" action="save.php"> <label for="myName">姓名:</label> <input type="text" value=" " name="myName " /> <input type="submit" value="提交" name="submitBtn" /> </form> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>使用下拉列表框进行多选</title> </head> <body> <form action="save.php" method="post" > <label>爱好:</label> <select multiple="multiple"> <option value="看书">看书</option> <option value="旅游">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select> </form> </body> </html>
    查看全部
    0 采集 收起

    2018-03-22

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>下拉列表框</title> </head> <body> <form action="save.php" method="post" > <label>爱好:</label> <select> <option value="看书">看书</option> <option value="旅游" selected="selected">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select> </form> </body> </html>
    查看全部

举报

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

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