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

网页的组成

结构  ------  xhtml,xml

表现  ------  css

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

html5结构

 <!DOCTYPE html>    <!-- 声明文档类型 html -->

 <html>                  <!-- html超文本标记语言 -->

 <head>                  <!-- 描述区 -->

   <meta charset="UTF-8">    <!-- 定义编码格式 utf-8国际编码  gbk中文  gb2312中文简体 -->

   <title></title>       <!-- 当前网页标题，显示在浏览器状态栏上 -->

 </head>

 <body>                  <!-- 内容区 -->

 </body>

 </html>

type: 定义某种类型

常用标签

文本标题标签

 <h1>唯一性，一般放logo，一个网页只出现一次</h1>

 <h2></h2>

 <h3></h3>

 <h4></h4>

 <h5></h5>

 <h6></h6>

字体标记

 <i></i> ||  <em></em>

 倾斜效果

 <b></b>  ||   <strong></strong>

 加粗效果

 <u></u>

 下划线效果

 <br>

 强制换行

 <hr>

 水平线

 <p></p>

 段落标签

字符实体

 &nbsp;  不换行空格

 &gt;     >

 &lt;      <

 &copy;  版权图标(备案图)

列表属性

 <!-- 无序列表 -->

 <ul>

     <li></li>

 </ul>

 <!-- 有序列表 -->

 <ol>

     <li></li>

 </ol>

 <!-- 自定义列表 -->

 <dl>

     <dd>内容</dd>

     <dt>对内容的解释</dt>

 </dl>

超链接

 <a href=""  target="" title="">

 <!--

     target: _self (默认值)

             _blank  (新窗口打开)

     title: 提示信息，方便网站检索，便于优化

 -->

图片标签

 <img src="" alt="" width="" height="">

 alt: 图片不显示时的文本，该属性便于优化，必须要有！

 <!--

 　　相对路径：

 　　  同级找同级：直接写名称

      上级找下级： 文件夹名 / 目标文件

      下级找上级:  ../ -----返回上一级

  -->

表格

作用：显示数据

 <table cellspacing="0" cellpadding="0">

     <tr>

         <td colspan="" rowspan=""></td>

     </tr>

 </table>

 <!--

     cellspacing:单元格与单元格的距离，一般设为0

     cellpadding: 单元格与内容的距离，一般设为0

     colspan:合并列，所合并单元格的列数

     rowspan: 合并行，所合并单元格的行数

 -->

 <!--

    合并原则:

       只要跨行的都是合并行，不跨行的都是合并列

       合并行和列都是操作td

  -->

表单

作用：保存数据

 <form action="路径" name="名称"  method="post/get">

 </form>

 <--

     form: 表单域

     action: 表单提交的路径

     name: 表单名称

     method: 数据传输方式  post,get

 -->

表单表格嵌套

 <!-- 一般写法,table在外面 -->

 <table>

     <form>

         <tr>

             <td><input type="text"></td>

             <td><input type="password"></td>

         </tr>

     </form>

 </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. 使用angularJS接收json数据并进行数据的显示

    1.引入JS <script type="text/javascript" src="../plugins/angularjs/angular.min.js&quo ...

  2. Nginx虚拟主机配置（三）

    虚拟主机就是使用特殊的软硬件技术,把一台计算机主机分成多台“虚拟”的主机,每一台虚拟主机都具有独立的域名和IP地址(或共享的IP地址),具有完整的Internet服务器功能.在同一台硬件.同一个操作系 ...

  3. Spring Cloud版本 version命名说明 （Edgware）

    Spring Cloud版本 version命名说明 (Edgware)   版权声明:guofangsky 版权所有,转载不究. https://blog.csdn.net/guofangsky/a ...

  4. 洛谷p2613【模板】有理数取余

    题目 \(c\)等于一个分数,求他的余数,分数是不能直接模的,除以一个数等于乘上这个数的逆元. 所以此题就是求一个逆元,费马小定理求逆元是很方便的,一个快速幂就解决了. 还要注意因为\(a,b\)的值 ...

  5. HTTP协议，到底是什么鬼？

    作者 | Jeskson 来源 | 达达前端小酒馆 了解HTTP HTTP是什么呢?它是超文本传输协议,HTTP是缩写,它的全英文名是HyperText Transfer Protocol. 那么什么 ...

  6. 官方入门教程和文档 | Visual Studio

    Visual Studio 2017 概述 | Microsoft Docs(直接教你用vs) https://docs.microsoft.com/zh-cn/visualstudio/ide/vi ...

  7. eclipse 设置所有文件编码为UTF-8(最全)

      如何修改eclipse工作空间的字符集以及项目的字符集? 第一种方式:修改eclipse的配置文件 打开{ECLIPSE_HOME}/eclipse.ini文件 在最后一行加上属性: -Dfile ...

  8. 花一天时间踩了node npm的一个坑

    在一个后端眼里nodejs这工具真的难用,最近为了用elementui,然后去硬着头皮学vue,学着学着,发现还要去用node,webpack.真想掐死前端那一群人啊.... 好了,进入正题.话说我装 ...

  9. Computing Science CMPT 361

    Computing Science CMPT 361 Fall 2019Assignment #3Due date: November 27th at 11:59 pm.Ray TracingYou ...

  10. linux 内核参数tcp_max_syn_backlog对应的队列最小长度

    环境:centos7.4 内核版本3.10 内核参数net.ipv4.tcp_max_syn_backlog定义了处于SYN_RECV的TCP最大连接数,当处于SYN_RECV状态的TCP连接数超过t ...