（随笔杂谈，自己做的笔记）

网页的组成

结构  ------  xhtml,xml

表现  ------  css

行为  ------  bom,dom,ECMAScript

html5结构

  1.  <!DOCTYPE html>    <!-- 声明文档类型 html -->
  2.  <html>                  <!-- html超文本标记语言 -->
  3.  <head>                  <!-- 描述区 -->
  4.    <meta charset="UTF-8">    <!-- 定义编码格式 utf-8国际编码  gbk中文  gb2312中文简体 -->
  5.    <title></title>       <!-- 当前网页标题，显示在浏览器状态栏上 -->
  6.  </head>
  7.  <body>                  <!-- 内容区 -->
  8.  </body>
  9.  </html>

type: 定义某种类型

常用标签

文本标题标签

  1.  <h1>唯一性，一般放logo，一个网页只出现一次</h1>
  2.  <h2></h2>
  3.  <h3></h3>
  4.  <h4></h4>
  5.  <h5></h5>
  6.  <h6></h6>

字体标记

  1.  <i></i> ||  <em></em>
  2.  倾斜效果
  3.  <b></b>  ||   <strong></strong>
  4.  加粗效果
  5.  <u></u>
  6.  下划线效果
  7.  <br>
  8.  强制换行
  9.  <hr>
  10.  水平线
  11.  <p></p>
  12.  段落标签

字符实体

  1.  &nbsp;  不换行空格
  2.  &gt;     >
  3.  &lt;      <
  4.  &copy;  版权图标(备案图)

列表属性

  1.  <!-- 无序列表 -->
  2.  <ul>
  3.      <li></li>
  4.  </ul>
  5.  <!-- 有序列表 -->
  6.  <ol>
  7.      <li></li>
  8.  </ol>
  9.  <!-- 自定义列表 -->
  10.  <dl>
  11.      <dd>内容</dd>
  12.      <dt>对内容的解释</dt>
  13.  </dl>

超链接

  1.  <a href=""  target="" title="">
  2.  <!--
  3.      target: _self (默认值)
  4.              _blank  (新窗口打开)
  5.      title: 提示信息，方便网站检索，便于优化
  6.  -->

图片标签

  1.  <img src="" alt="" width="" height="">
  2.  alt: 图片不显示时的文本，该属性便于优化，必须要有！
  3.  <!--
  4.  　　相对路径：
  5.  　　  同级找同级：直接写名称
  6.       上级找下级： 文件夹名 / 目标文件
  7.       下级找上级:  ../ -----返回上一级
  8.   -->

表格

作用：显示数据

  1.  <table cellspacing="0" cellpadding="0">
  2.      <tr>
  3.          <td colspan="" rowspan=""></td>
  4.      </tr>
  5.  </table>
  6.  <!--
  7.      cellspacing:单元格与单元格的距离，一般设为0
  8.      cellpadding: 单元格与内容的距离，一般设为0
  9.      colspan:合并列，所合并单元格的列数
  10.      rowspan: 合并行，所合并单元格的行数
  11.  -->
  12.  
  13.  <!--
  14.     合并原则:
  15.        只要跨行的都是合并行，不跨行的都是合并列
  16.        合并行和列都是操作td
  17.   -->

表单

作用：保存数据

  1.  <form action="路径" name="名称"  method="post/get">
  2.  </form>
  3.  <--
  4.      form: 表单域
  5.      action: 表单提交的路径
  6.      name: 表单名称
  7.      method: 数据传输方式  post,get
  8.  -->

表单表格嵌套

  1.  <!-- 一般写法,table在外面 -->
  2.  <table>
  3.      <form>
  4.          <tr>
  5.              <td><input type="text"></td>
  6.              <td><input type="password"></td>
  7.          </tr>
  8.      </form>
  9.  </table>

基础系列（1）-- html的更多相关文章

  1. 【Basics of Entity Framework】【EF基础系列1】

    EF自己包括看视频,看MSDN零零散散的学了一点皮毛,这次打算系统学习一下EF.我将会使用VS2012来学习这个EF基础系列. 现在看看EF的历史吧: EF版本 相关版本特性介绍 EF3.5 基于数据 ...

  2. C#基础系列——Attribute特性使用

    前言:上篇 C#基础系列——反射笔记 总结了下反射得基础用法,这章我们来看看C#的另一个基础技术——特性. 1.什么是特性:就博主的理解,特性就是在类的类名称.属性.方法等上面加一个标记,使这些类.属 ...

  3. C#基础系列——小话泛型

    前言:前面两章介绍了C#的两个常用技术:C#基础系列——反射笔记 和 C#基础系列——Attribute特性使用 .这一章来总结下C#泛型技术的使用.据博主的使用经历,觉得泛型也是为了重用而生的,并且 ...

  4. C#基础系列——委托实现简单设计模式

    前言:上一篇介绍了下多线程的相关知识:C#基础系列——多线程的常见用法详解,里面就提到了委托变量.这篇简单介绍下委托的使用.当然啦,园子里面很多介绍委托的文章都会说道:委托和事件的概念就像一道坎,过了 ...

  5. C#基础系列——委托和设计模式（二）

    前言:前篇 C#基础系列——委托实现简单设计模式 简单介绍了下委托的定义及简单用法.这篇打算从设计模式的角度去解析下委托的使用.我们知道使用委托可以实现对象行为(方法)的动态绑定,从而提高设计的灵活性 ...

  6. C#基础系列——再也不用担心面试官问我“事件”了

    前言:作为.Net攻城狮,你面试过程中是否遇到过这样的问题呢:什么是事件?事件和委托的区别?既然事件作为一种特殊的委托,那么它的优势如何体现?诸如此类...你是否也曾经被问到过?你又是否都答出来了呢? ...

  7. C#基础系列——异步编程初探：async和await

    前言:前面有篇从应用层面上面介绍了下多线程的几种用法,有博友就说到了async, await等新语法.确实,没有异步的多线程是单调的.乏味的,async和await是出现在C#5.0之后,它的出现给了 ...

  8. C#基础系列——一场风花雪月的邂逅：接口和抽象类

    前言:最近一个认识的朋友准备转行做编程,看他自己边看视频边学习,挺有干劲的.那天他问我接口和抽象类这两个东西,他说,既然它们如此相像, 我用抽象类就能解决的问题,又整个接口出来干嘛,这不是误导初学者吗 ...

  9. 2015年12月28日 Java基础系列（六）流

    2015年12月28日 Java基础系列(六)流2015年12月28日 Java基础系列(六)流2015年12月28日 Java基础系列(六)流

  10. c#基础系列（转）

    转:http://www.cnblogs.com/landeanfen/p/4953025.html C#基础系列——一场风花雪月的邂逅:接口和抽象类 前言:最近一个认识的朋友准备转行做编程,看他自己 ...

随机推荐

  1. 2019 China Collegiate Programming Contest Qinhuangdao Onsite

    传送门 D - Decimal 题意: 询问\(\frac{1}{n}\)是否为有限小数. 思路: 拆质因子,看是不是只包含2和5即可,否则除不尽. Code #include <bits/st ...

  2. re 模块详解

    1.re 模块 regex 1.查找 :findall 意思"匹配所有,每一项都是列表的组成元素" 有返回值 import re ret=re.findall("\d+& ...

  3. 2018710101021-王方-《面向对象（java）程序设计》第十一周学习总结

    项目 内容 这个作业属于哪个课程 https://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 https://www.cnblogs.com/nwnu-daizh/p ...

  4. Gson：

  5. 3.GO-项目结构、包访问权限、闭包和值传递引用传递

    3.1.goland中项目结构 (1)在goland中创建标准Go项目 (2)goland配置 创建项目Learn-Go file-settings-go-GOPATH-添加 在项目目录下创建src目 ...

  6. 《30天自制操作系统》笔记3 --- （Day2 上节）完全解析文件系统

    Day2 汇编语言学习与Makefile入门 本文仅带着思路,研究源码里关于文件系统的参数 关于day2主程序部分及更多内容,请看<30天自制操作系统>笔记 导航 发现学习中的变化 源码差 ...

  7. Linux系统运维笔记,CentOS 7.4防火墙配置

    1.查看firewall服务状态 systemctl status firewalld 2.查看firewall的状态 firewall-cmd --state 3.开启.重启.关闭.firewall ...

  8. QSS文件美化界面无效

    问题描述: 同样的qss内容,内置有效,写进qss文件加载无效. 搜寻.........很多网友的经理是qss文件编码和qt文本编辑器的属性........而我怎么尝试,怎么失败. 解决方案: 从fi ...

  9. Docker笔记：常用服务安装——Nginx、MySql、Redis（转载）

    转载地址:https://www.cnblogs.com/spec-dog/p/11320513.html 开发中经常需要安装一些常用的服务软件,如Nginx.MySql.Redis等,如果按照普通的 ...

  10. 第26课 std::async异步任务

    一. std::async函数模板 (一)std::async和std::thread的区别 1. 两者最明显的区别在于async采用默认启动策略时并不一定创建新的线程.如果系统资源紧张,那么std: ...