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的更多相关文章

  1. PythonI/O进阶学习笔记_1.抽象、面向对象、class/object/type

    前言: 是自己在学习python进阶IO学习视频的时候的理解和笔记,因为很多都是本菜鸟学习时候的自己的理解,有可能理解有误. Content: - 抽象的概念和面向对象的概念?想要大概了解python ...

  2. c++学习笔记_1

    前言:本笔记所对应的课程为中国大学mooc中北京大学的程序设计与算法(三)C++面向对象程序设计,主要供自己复习使用 第一章 从c到c++ 引用 定义引用时一定要将其初始化成某个变量 引用从一而终,引 ...

  3. springmvc 学习笔记_1

    一.回顾JavaWeb中的MVC设计模式 1)MVC这种设计模式,不光运用于Web领域,而且也能用于非Web领域 2)今天说的MVC特指一种表现层设计模式,不限于Java语言 二.回顾struts2+ ...

  4. servlet学习笔记_1

    一.动态页面和静态页面 动态页面&静态页面:如果浏览器在不同时刻不同条件下访问web服务器的某个页面,浏览器所获得的页面内容会发生变化,那么这种页面称之为动态页面.动态页面和静态页面的区别在于 ...

  5. Java编程思想学习笔记_1(Java内存和垃圾回收)

    1.Java中对象的存储数据的地方: 共有五个不同的地方可以存储数据. 1)寄存器.最快,因为位于处理器的内部,寄存器按需求分配,不能直接控制. 2)堆栈.位于通用RAM,通过堆栈指针可以从处理器那里 ...

  6. 《MySQL必知必会》学习笔记_1

    #选择数据库 USE mysql #返回可用数据库列表 SHOW DATABASES #返回当前数据库中可用表 SHOW TABLES #返回表列 SHOW COLUMNS FROM db #显示特定 ...

  7. Python学习笔记_1

    一.基础知识 1. 基础: 数据结构:常量.变量.元组(列表).字典 数据类型:int float str 算法:分支和循环 面向对象:类.属性.方法 封装.继承.多态 2. python语言的特点: ...

  8. javascript学习笔记_1

    1.JSON的遍历 for(var i in json){  alert(json[i]; }2.arguments 可以理解为是一个数组,并且建有json的部分能力 css(obj,attr,val ...

  9. spark学习笔记_1

    简单的讲,Apache Spark是一个快速且通用的集群计算系统. Apache Spark 历史: 2009年由加州伯克利大学的AMP实验室开发,并在2010年开源,13年时成长为Apache旗下大 ...

随机推荐

  1. UAC在注册表中的对应位置

    UAC在注册表中的对应位置 HKEY_LOCAL_MACHINE/SOFTWARE/Microsoft/Windows/CurrentVersion/Policies/System 相关键值设置: U ...

  2. Eclipse 项目中有红色感叹号,怎么办?

    /** * JDK1.5中增加了自动拆装箱的语言特性,在基本类型和包装类型之间可以相互地转换和运算. * 大家也都知道Java中==运算符是比较两个对象间的引用是否相同.在自动拆装箱与“==”运算符之 ...

  3. ssh base 写法

    BaseDao package wl.oa.dao.base; public interface BaseDao<T>{ public void saveEntry(T t); } Bas ...

  4. Spring(1)

    一.Spring是什么? .Spring是一个开源的框架 .是一个IOC(DI)和AOP容器的框架 .这个框架是为了简化企业级应用开发而生的,使用Spring可以使简单的JavaBean实现以前只有E ...

  5. React之Composition Vs inheritance 组合Vs继承

    React的组合   composition: props有个特殊属性,children,组件可以通过props.children拿到所有包含在内的子元素, 当组件内有子元素时,组件属性上的child ...

  6. LCD内核自带驱动分析

    分析内种LCD驱动程序框架 LCD在fbmem.c文件中1.找到init.函数 static int __initfbmem_init(void){ 做的工作: (1).if (register_ch ...

  7. js拖拽效果

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. Windows 10 RTM 官方正式版

    Windows 10 各版本区别: Windows 10 家庭版:供家庭用户使用Windows 10 专业版:供小型企业使用 在家庭版基础上增加了域账号加入.bitlocker.企业商店等功能Wind ...

  9. unity5.0材质添加问题

    将Material拖放到Cube的Inspector视图中 材质添加图片背景,unity自带了很多种材质类型点击Shader下拉按钮可以更换材质类型为Diffuse camera preview: G ...

  10. (转) 如何让 UITableView 的 headerView跟随 cell一起滚动

    在我们利用 UITableView 展示我们的内容的时候,我需要在顶部放一个不同于一般的cell的 界面,这个界面比较独特. 1. 所以我就把它 作为一个section的 headerView. 也就 ...