HTML简介

HTML是做网页最基本的技术

1_由标签组件

2_在任何操作系统平台，只要有浏览器，都有执行HTML

3_浏览器中有HTML解析器

4_编辑HTML可以使用任何文本编辑工具，如记事本，建议开发人员用一些比较适合的工发工具

----------------------------------------------------

    03 HTML基本结构

分为二个部份，

一）<head>做为网页的辅助信息，不会显示在浏览器的文档区域

二）<body>才能显示在浏览器的文档区域

----------------------------------------------------

    04 HTML语法

HTML标签的不区分大小写，有开始标签，没有结束标签都行，

但建议初学者一定要有开始和结束标签，且大小写配对

在书写HTML代码时，注意适合缩格，养成良好的代码风格

大部份HTML标签都有标签体，即有开始，有结束，成对出现

但小部份HTML标签只有一个，即无标签体，例如：<br/>或<hr/>

属性必须出于在HTML开始标签中，属性值有单引或双引或无引号都可，

但建议初学者用双引号

HTML中的注视用<!-- -->，浏览器中的解析器会忽略注释符

----------------------------------------------------

    05 HTML文本标签

标题(h1~h6)

水平线(hr/)

段落(p/)

上下标(sup和sub)

换行(br/)

原样输出(pre)

有序列表(ol  li)

无序列表(ul  li)

行内标签(span)     

块标签(div)    

span标签不具有换行功能，div标签具有换行功能

注意：浏览器读到不同的标签，会做出不同的显示效果

----------------------------------------------------

    06 HTML字符实体    

在默认情况下，浏览器会将<小于号当做标签的一个组成部份对待，

但我们希望不是标签的组成部份，而是正真的小于号，这时我们

得用一个技术去替代这些特殊的字符，该技术在HTML中叫实体，

类似于Java中的转义符

----------------------------------------------------

    07 HTML多媒体标签

<embed src/>

<marquee direction/>

----------------------------------------------------

    08 HTML链接和图像标签

<a href target>

<a href="mailto:有效的email地址">

<a href="#定位点">和<a name="定位点">

----------------------------------------------------

    09 HTML中tabel表格标签

<table>

<thead>

<tbody>

<tfoot>

<tr>

<td>    

注意：在编辑html表格时，对于表格体的内容超多的情况下，

建议用<tbody>标签，这样做，会给客户端较好的体验效果

----------------------------------------------------

    10 HTML框架标签

<frameset rows cols/>

<frame src name frameborder nosize/>  

----------------------------------------------------

    11 HTML表单标签及其元素

<form action method>

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

<textarea>

<select>

表格：输出数据

表单：输入数据，即服务器为了获取客户端信息而创建的容器

表单中的内容叫表单项

----------------------------------------------------

    12 表单Get提交和Post提交的区别

GET:

1_请求数据会出现在地址上

2_请求数据会受地址容量限制，例如2000字符

3_敏感数据暴露在外

POST:

1_请求数据在请求体中，不会出现在地址上。通常其它软件方可看到

2_请求数据不受地址栏的限制

3_敏感数据不暴露在外



个人推荐POST，但不表示GET没有用，例如超链接就用GET

HTML入门笔记的更多相关文章

  1. 每天成长一点---WEB前端学习入门笔记

    WEB前端学习入门笔记 从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工 ...

  2. ES6入门笔记

    ES6入门笔记 02 Let&Const.md 增加了块级作用域. 常量 避免了变量提升 03 变量的解构赋值.md var [a, b, c] = [1, 2, 3]; var [[a,d] ...

  3. [Java入门笔记] 面向对象编程基础（二）：方法详解

    什么是方法? 简介 在上一篇的blog中,我们知道了方法是类中的一个组成部分,是类或对象的行为特征的抽象. 无论是从语法和功能上来看,方法都有点类似与函数.但是,方法与传统的函数还是有着不同之处: 在 ...

  4. React.js入门笔记

    # React.js入门笔记 核心提示 这是本人学习react.js的第一篇入门笔记,估计也会是该系列涵盖内容最多的笔记,主要内容来自英文官方文档的快速上手部分和阮一峰博客教程.当然,还有我自己尝试的 ...

  5. redis入门笔记(2)

    redis入门笔记(2) 上篇文章介绍了redis的基本情况和支持的数据类型,本篇文章将介绍redis持久化.主从复制.简单的事务支持及发布订阅功能. 持久化 •redis是一个支持持久化的内存数据库 ...

  6. redis入门笔记(1)

    redis入门笔记(1) 1. Redis 简介 •Redis是一款开源的.高性能的键-值存储(key-value store).它常被称作是一款数据结构服务器(data structure serv ...

  7. OpenGLES入门笔记四

    原文参考地址:http://www.cnblogs.com/zilongshanren/archive/2011/08/08/2131019.html 一.编译Vertex Shaders和Fragm ...

  8. OpenGLES入门笔记三

    在入门笔记一中比较详细的介绍了顶点着色器和片面着色器. 在入门笔记二中讲解了简单的创建OpenGL场景流程的实现,但是如果在场景中渲染任何一种几何图形,还是需要入门笔记一中的知识:Vertex Sha ...

  9. unity入门笔记

    我于2010年4月1日硕士毕业加入完美时空, 至今5年整.刚刚从一家公司的微端(就是端游技术+页游思想, 具体点就是c++开发, directX渲染, 资源采取所需才会下载)项目的前端主程职位离职, ...

  10. System Generator入门笔记

    System Generator入门笔记  [CPLD/FPGA] 发布时间:2010-04-08 23:02:09  System Generator是Xilinx公司进行数字信号处理开发的一种设计 ...

随机推荐

  1. Android设置竖屏

    Android设置竖屏(禁止旋转屏) 清单文件,Activity下添加属性 android:screenOrientation="portrait" 如下 <?xml ver ...

  2. rbac数据库设计

    1 rbac数据库设计 RBAC基于资源的访问控制(Resource-Based Access Control)是以资源为中心进行访问控制分享牛原创,分享牛系列,分享牛.rbac 用户角色权限资源表如 ...

  3. Swift:消除Null值

    由于在现代编程语言中这个无所不在的概念,许多程序猿可能倾向于相信null值是一个必须存在的瑕疵,创建一个没有它的编程语言是不可能的.他们可能会惊奇那些许多没有null值活的也很好的语言,这带来的结果就 ...

  4. FORM开发实现动态LOV

    方法一．设置lov的记录组 IF :mat_trx.trx_action_id = 1 THEN set_lov_property('lot_number',group_name,'lot_issue ...

  5. activiti 配置节点 连线信息获取

    1.1.1. 前言 当使用eclipse插件进行流程设计的时候,部署流程之后,我们如何获取我们定义的所有的节点.连线.关口等配置信息呢?有的人看到这个需求,不免窃喜,这不很简单嘛,重新打来bmpn中定 ...

  6. UIKit视图动画的微扩展

    大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请多提意见,如果觉得不错请多多支持点赞.谢谢! hopy ;) 好久没写blog了,还不快快写来- ;] 我们知道在UIKit ...

  7. android galley实现画廊效果

    青春流水指间. 每段路,都有即将要来的旅程 每颗心,都有值得期待的成分 Android之ImageSwitcher,Gallery用法 今天在做一个软件界面时用到了ImageSwitcher和Gall ...

  8. Effective C++ ——让自己习惯C++

    条款一:视C++为一个语言联邦 为了理解C++,你必须认识其主要的次语言.幸运的是总共只有四个: C:C++是由C语言继承而来的,必然对C有很好的兼容性,这一部分主要包括C中的一些语言,库函数等.但当 ...

  9. Centos中git的安装

     CentOS的yum源中没有git,只能自己编译安装,现在记录下编译安装的内容,留给自己备忘. 确保已安装了依赖的包 yum install curl yum install curl-deve ...

  10. 05 Activity生命周期

    生命周期:一个Activity从创建到销毁经过的全部方法 1.onCreate() 创建一个Activity的时候执行的方法 2.onStart()Activity可以被看见到时候无法交互(没有焦点) ...