慕课网

精品课程初识HTML(5)+CSS(3)

初识HTML(5)+CSS(3)

最热最新

求学者123

语义化的用途 1. 更容易被搜索引擎收录。 2. 更容易让屏幕阅读器读出网页内容。

查看全部

0 采集收起
2015-01-23
求学者123

<head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head>

查看全部

0 采集收起来源：小哥,做头么? - 认识head标签
2018-03-22
龙井绿茶

特殊性有的时候我们为同一个元素设置了不同的CSS样式代码，那么元素会启用哪一个CSS样式呢?我们来看一下面的代码： p{color:red;} .first{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> p和.first都匹配到了p这个标签上，那么会显示哪种颜色呢？green是正确的颜色，那么为什么呢？是因为浏览器是根据权值来判断使用哪种css样式的，权值高的就使用哪种css样式。下面是权值的规则：标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码： p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/ 注意：还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。

查看全部

0 采集收起来源：权值计算-特殊性
2018-03-22
蔓蔓Matty

<img src="图片地址" alt="图像不见时显示的文本" title="鼠标划过图片时显示的文本">

查看全部

0 采集收起
2018-03-22
蔓蔓Matty

<a href="mailto:收件人邮件地址"></a> <a href="mailto:收件人邮件地址?cc=抄送地址"></a> <a href="mailto:收件人邮件地址?bcc=密件抄送地址"></a> <a href="mailto:收件人邮件地址;收件人邮件地址"></a> <a href="mailto:收件人邮件地址;收件人邮件地址?subject=邮件主题"></a> <a href="mailto:收件人邮件地址;收件人邮件地址?body=邮件内容"></a>

查看全部

0 采集收起
2018-03-22
蔓蔓Matty

<a href="跳转的超链接地址" title="方便搜索引擎了解链接地址里的内容"></a>

查看全部

0 采集收起
2018-03-22
肉食小工

在介绍语言技术的网站中，必免不了在网页中显示一些计算机专业的编程代码，当代码为一行代码时，你就可以使用<code>标签了，如下面例子： <code>var i=i+300;</code> 注意：在文章中一般如果要插入多行代码时不能使用<code>标签了。语法： <code>代码语言</code> 注：如果是多行代码，可以使用<pre>标签。

查看全部

0 采集收起
2018-03-22
蔓蔓Matty

<table summary="用于增加表格的可读性（语义化），使搜索引擎更易读表格内容，还可以使屏幕阅读器更好读取表格内容给些特殊用户，一般用于表格简介。"> <caption>标题文本</caption>//默认居中于表格 </table>

查看全部

0 采集收起
2018-03-22
肉食小工

一般网页中会有一些地址信息需要在网页中展示出来，这些地址信息如公司的地址就可以<address>标签。语法： <address>地址信息</address> 如： <address>北京市西城区德外大街10号</address> 在浏览器上显示的样式为斜体，如果不喜欢斜体，当然可以，可以在后面的课程中使用css样式来修改它<address>标签的默认样式。

查看全部

0 采集收起
2018-03-22
肉食小工

注意： 1. <hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。 2. <hr />标签的在浏览器中的默认样式线条比较粗，颜色为灰色，可能有些人觉得这种样式不美观，没有关系，这些外在样式在我们以后学习了css样式表之后，都可以对其修改。 3. 大家注意，现在一般使用 xhtml1.0 的版本（其它标签也是），这种版本比较规范。

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2018-03-22
肉食小工

在html代码中输入空格、回车都是没有作用的。要想输入空格，必须写入 。

查看全部

1 采集收起来源：再加点空格呢 - 使用特殊字符 实现空格标签
2018-03-22
蔓蔓Matty

<table> <tbody></tbody>//有此标签需等表格内容全部下载才显示 <tr> <th>表头</th>//默认加粗居中 </tr> <tr> <td>列/单元格</td> </tr>//行 </table>//没有tbody标签则下载一点显示一点表格内容

查看全部

0 采集收起
2018-03-22
肉食小工

在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行，就必须输入<br />。

查看全部

0 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2018-03-22
蔓蔓Matty

有序列表： <ol> <li></li> <ol>

查看全部

0 采集收起
2018-03-22
肉食小工

<q>标签是对简短文本的引用，比如说引用一句话就用到<q>标签；引用文本比较长，所以使用<blockquote>。

查看全部

0 采集收起
2018-03-22

首页上一页 26825 26826 26827 26828 26829 26830 26831 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。