Sep19_html/css_imooc学习笔记_1
1. <h1></h1>标题,h1-h6从大到小
2. <p></p> 段落
3. <img src=“1.jpg”> 加入图片
4.基本结构:<html>
<head>…</head>
<body>…</body>(网页中显示的所有内容全部在body里)
</html>
<head>里面含有 <title>…</title>(不显示在页面,显示在标签)
<script>…</script>
<style>…</style>
<link>
<meta>等标签
<body>中含有 <h1>
<p>
<a>
<img>等标签
5. <!--注释-->
6. <em>...</em>斜体, <strong>…</strong>加粗
7. <span>…</span>
用法:
在<style>中定义
span{
color:blue;
}
然后在body中使用<span>...</span>
8. <q>..</q>引用,效果与“”一样。
9. <blockquote>…</blockquote> 引用缩近效果
10. <br>换行(有的html版本为<br />)
11. $nbsp; 空格。记忆:牛逼空格
12. <hr>段落分割线(有的html版本为<hr />
13. 联系地址使用<address>...</address>标签,默认显示为斜体
14. 单行代码语言使用<code>..</code>
多行代码语言使用<pre>..</pre>
15. <ul>
<li>..</li>
<li>..</li>
<li>..</li>
</ul>
效果:列表,标题开头有小圆点
16. <ol>
<li>..</li>
<li>..</li>
<li>..</li>
</ol>
效果:列表,标题开头数字排序
15,16记忆u点o数
17. <div>..</div>划分模块,作用相当于一个容器,一般会加上id,<div id=“whatever”>...</div>
18. 表格
<table>(可以加上summary表格简介文本,<table summary=“..”>)
<caption>标题文本,方便搜索引擎</caption>
<tbody> (<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示)
<tr>(表示一行)
<td>..</td>(表示一个单元格)
<td>..</td>
<td>..</td>
</tr>
</tbody>
</table>
给表格加上单元格,使用css
<style type=“text/css”>
table tr td,th{border:1px solid #000;}
</style>
Sep19_html/css_imooc学习笔记_1的更多相关文章
- PythonI/O进阶学习笔记_1.抽象、面向对象、class/object/type
前言: 是自己在学习python进阶IO学习视频的时候的理解和笔记,因为很多都是本菜鸟学习时候的自己的理解,有可能理解有误. Content: - 抽象的概念和面向对象的概念?想要大概了解python ...
- c++学习笔记_1
前言:本笔记所对应的课程为中国大学mooc中北京大学的程序设计与算法(三)C++面向对象程序设计,主要供自己复习使用 第一章 从c到c++ 引用 定义引用时一定要将其初始化成某个变量 引用从一而终,引 ...
- springmvc 学习笔记_1
一.回顾JavaWeb中的MVC设计模式 1)MVC这种设计模式,不光运用于Web领域,而且也能用于非Web领域 2)今天说的MVC特指一种表现层设计模式,不限于Java语言 二.回顾struts2+ ...
- servlet学习笔记_1
一.动态页面和静态页面 动态页面&静态页面:如果浏览器在不同时刻不同条件下访问web服务器的某个页面,浏览器所获得的页面内容会发生变化,那么这种页面称之为动态页面.动态页面和静态页面的区别在于 ...
- Java编程思想学习笔记_1(Java内存和垃圾回收)
1.Java中对象的存储数据的地方: 共有五个不同的地方可以存储数据. 1)寄存器.最快,因为位于处理器的内部,寄存器按需求分配,不能直接控制. 2)堆栈.位于通用RAM,通过堆栈指针可以从处理器那里 ...
- 《MySQL必知必会》学习笔记_1
#选择数据库 USE mysql #返回可用数据库列表 SHOW DATABASES #返回当前数据库中可用表 SHOW TABLES #返回表列 SHOW COLUMNS FROM db #显示特定 ...
- Python学习笔记_1
一.基础知识 1. 基础: 数据结构:常量.变量.元组(列表).字典 数据类型:int float str 算法:分支和循环 面向对象:类.属性.方法 封装.继承.多态 2. python语言的特点: ...
- javascript学习笔记_1
1.JSON的遍历 for(var i in json){ alert(json[i]; }2.arguments 可以理解为是一个数组,并且建有json的部分能力 css(obj,attr,val ...
- spark学习笔记_1
简单的讲,Apache Spark是一个快速且通用的集群计算系统. Apache Spark 历史: 2009年由加州伯克利大学的AMP实验室开发,并在2010年开源,13年时成长为Apache旗下大 ...
随机推荐
- oracle 查看锁死的表,锁死的进程
select sess.sid, sess.serial#, lo.oracle_username, lo.os_user_name, ao.object_name, lo.locked_mode f ...
- Spring Quartz
Spring Quartz Quartz是一个强大的企业级任务调度框架,Spring中继承并简化了Quartz,下面就看看在Spring中怎样配置Quartz: 首先我们来写一个被调度的类: pac ...
- 也说析构---C++
正如我们知道的: 通过new分配到heap中的对象,当对其delete,才会被析构: 分配在stack中的对象,当其离开作用域时被析构:
- Javascript下拉导航
1.右侧导航 tree.js function Toggle(e){ if(!document.getElementById) return; if(!e) var e = window.event; ...
- Bootstrap<基础十六> 导航元素
Bootstrap 提供的用于定义导航元素的一些选项.它们使用相同的标记和基类 .nav.Bootstrap 也提供了一个用于共享标记和状态的帮助器类.改变修饰的 class,可以在不同的样式间进行切 ...
- Liunx下安装jdk
Liunx下安装jdk 1.首先进入ROOT权限 命令 sudo su 输入密码进入 root 权限 2.看下当前liunx 是否存在jdk 环境 ,输入命令 javac,如果存在则会显示对应jd ...
- jqzoom与scrollpic配合的问题
<script type="text/javascript"> //以下两个方法的执行顺序不能互换,否则zoom方法的单击缩略图事件会失效 if (document.a ...
- 64位Win7 VS调试、PLSQL与oracle的连接异常问题
系统换为64位Win7后,VS与Oracle开发环境出现了很多问题.调试无法连接Oracle,PLSQL无法连接Oracle等一系列问题.下面记录一下处理办法: 1.oracle客户端选择32位进行安 ...
- JAVA第二次作业展示与学习心得
JAVA第二次作业展示与学习心得 在这一次作业中,我学习了复选框,密码框两种新的组件,并通过一个邮箱登录界面将两种组件运用了起来.具体的使用方法和其他得组件并没有什么大的不同. 另外我通过查阅资料使用 ...
- 算法-QuickSort
#include <stdlib.h> #include <iostream> #include <vector> using namespace std; tem ...