前端开发——HTML学习笔记
来源:互联网 发布:不同的网络用户类型 编辑:程序博客网 时间:2024/05/22 11:57
HTML学习02
<q>引用文本</q>
引用文本多为一句话
<blockquote>大段的引用文本</blockquote>
换行<br>
  空格
<hr />底部横线
<address> 地址</address>
<code>小段代码</code>
<pre>大段代码</pre>
效果如图所示:
有序列表:
效果如图所示:
<div>把内容分为独立模块</div>需要在head里
div class="" 与div id=""区别
1、使用区别
id具有唯一性,在一个网页中同一个命名只能使用一次;
class命名的类可以在一个网页中使用无数次。
2、css中区别
id在css代码中是以“#”井号符号开头命名的类
class在css代码中是以“.”小写句号符号命名开头的类
table标签
创建表格的四个元素:
table、tbody、tr、th、td
1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。
2、<tbody>…</tbody>:如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构, tbody包含行的内容下载完优先显示,不必等待表格结束后在显示,同时如果表格很长,用tbody分段,可以一部分一部分地显示。(通俗理解table 可以按结构一块块的显示,不在等整个表格加载完后显示。)
3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。
4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。
5、<th>…</th>:表格的头部的一个单元格,表格表头。
6、表格中列的个数,取决于一行中数据单元格的个数。
总结:
1、table表格在没有添加css样式之前,在浏览器中显示是没有表格线的
2、表头,也就是th标签中的文本默认为粗体并且居中显示
css+边框
<style type="text/css">
table tr td,th{border:1px solid #000;}
</style>
标题
摘要
- 前端开发——HTML学习笔记
- 前端开发——HTML学习笔记
- 前端开发——HTML学习笔记
- 前端学习笔记—HTML
- 前端入门学习笔记—HTML
- 前端开发学习笔记02----HTML基础
- 前端开发基础学习笔记html标签
- 前端学习笔记(二)——html
- 前端学习笔记(三)——html
- 前端开发学习笔记05---HTML高级教程
- 前端学习笔记-HTML(一)
- 前端学习笔记-HTML(二)
- 前端学习笔记-HTML(三)
- 前端学习笔记(1)-HTML
- 前端开发学习笔记
- 前端笔记——html(1)
- 学习笔记-《零基础学习HTML5—html+css基础 》1.前端认知
- 学习笔记-《零基础学习HTML5—html+css基础 》2.前端工具安装
- 1016. 部分A+B (15)
- springMVC前后台传值乱码问题
- poj-1458 最长公共子序列
- 正则的多行模式 m
- 1017. A除以B (20)
- 前端开发——HTML学习笔记
- 2005年全国信息学分区联赛模拟赛 猫猫的小鱼 题解
- 阿里巴巴内推编程测验题目
- Native、Hybrid、React Native、Web App方案的分析比较
- angularjs 过滤器
- myeclipse8.6中svn插件的安装
- 别放过不合理的结果,因为真的有bug
- LeetCode-572. Subtree of Another Tree (Java)
- 《算法概论》第八章NP完全问题部分习题解