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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。
    查看全部
    0 采集 收起

    2018-03-22

  • <form method="传送方式" action="服务器文件"> 1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。 2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method : 数据传送的方式(get/post)。 注意: 1、所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在<form></form>标签之间(否则用户输入的信息可提交不到服务器上!)。 method="post" method后面不能出现空格
    查看全部
  • <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 1、src:标识图像的位置; 2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本; 3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本); 4、图像可以是GIF,PNG,JPEG格式的图像文件。
    查看全部
    0 采集 收起

    2018-03-22

  • <a>标签还有一个作用是可以链接Email地址,使用mailto能让访问者便捷向网站管理者发送电子邮件 注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。 邮箱地址:mailto: 抄送地址:cc= 密件抄送地址:yy= 多个收件人、抄送、密送抄送人(;) 邮件主题:subject= 邮件内容:body=
    查看全部
    0 采集 收起

    2018-03-22

  • <a href="目标网址" target="_blank">click here!</a>
    查看全部
    0 采集 收起

    2018-03-22

  • <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好)
    查看全部
    0 采集 收起

    2018-03-22

  • 表格还是需要添加一些标签进行优化,可以添加标题和摘要。 摘要:的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。<table summary="表格简介文本"> 标题:用以描述表格内容,标题的显示位置:表格上方。在<table> 和 <tr>之间:<caption>标题文本</caption>
    查看全部
    0 采集 收起

    2018-03-22

  • 创建表格的四个元素: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

  • <div id="版块名称">…</div>
    查看全部
    0 采集 收起

    2018-03-22

  • 可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器。 <div>…</div>
    查看全部
    0 采集 收起

    2018-03-22

  • 有序列表来展示 <ol> <li>...</li> </ol> 每项<li>前都自带一个序号,序号默认从1开始
    查看全部
    0 采集 收起

    2018-03-22

  • div{ width:200px; padding:20px; border:1px solid red; margin:10px; }
    查看全部
  • 段落排版-对齐 div{text-align:center;}//设置块状元素水平对齐!
    查看全部
    0 采集 收起

    2015-01-09

  • 段落排版-字间距、字母距 h1{word-spacing:50px;}//字间距 h1{letter-spacing:50px;}//字母距
    查看全部
    0 采集 收起

    2015-01-09

  • border:边框粗细 样式为实心 颜色为红色 边框:
    查看全部

举报

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

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