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. Java关键字---this的由来和其三大作用

    [声明]欢迎转载,但请保留文章原始出处→_→ 秦学苦练:http://www.cnblogs.com/Qinstudy/ 文章来源:http://www.cnblogs.com/Qinstudy/p/ ...

  2. Bootstrap3 代码-用户输入

    通过 <kbd> 标签标记用户通过键盘输入的内容. To switch directories, type cd followed by the name of the directory ...

  3. OpenCV + Python 人脸检测

    必备知识 Haar-like opencv api 读取图片 灰度转换 画图 显示图像 获取人脸识别训练数据 探测人脸 处理人脸探测的结果 实例 图片素材 人脸检测代码 人脸检测结果 总结 下午的时候 ...

  4. [python]mysql数据缓存到redis中 取出时候编码问题

    描述: 一个web服务,原先的业务逻辑是把mysql查询的结果缓存在redis中一个小时,加快请求的响应. 现在有个问题就是根据请求的指定的编码返回对应编码的response. 首先是要修改响应的bo ...

  5. Java线程状态

    线程跟人类一样拥有自己的生命周期,一条线程从创建到执行完毕的过程即是线程的生命周期,此过程可能在不同时刻处于不同的状态,线程状态正是这小节的主题,线程到底有多少种状态?不同状态之间是如何转化的? 对于 ...

  6. 仿爱奇艺视频，腾讯视频，搜狐视频首页推荐位轮播图（二）之SuperIndicator源码分析

    转载请把头部出处链接和尾部二维码一起转载,本文出自逆流的鱼:http://blog.csdn.net/hejjunlin/article/details/52510431 背景:仿爱奇艺视频,腾讯视频 ...

  7. Mac 下安装node.js

    Node.js 简介 Node.js 是一个用Chrome's V8 JavaScript engine 构建的 JavaScript 运行时框架.Node.js 使用事件驱动.非阻塞式 I/O 模块 ...

  8. 混合开发（一）——WebView开发高级技巧之加载网页以及JavaScript，加载进度条

    混合开发(一)--WebView开发高级技巧之加载网页以及JavaScript,加载进度条 现在关于混合开发也越来越多了,很多人喜欢跟随,比如HB,比如RN,其实这东西很早就有这么一个概念了,而且说实 ...

  9. 财务模块多组织,GL, SLA, SOB, COA, BSV, CCID, LE 概念的简单介绍

     GL=  General Ledger 指的是Oracle 的总帐系统. application_id = 101. 在uk似乎居然还有不同的解释(In the UK, it was refer ...

  10. 【iOS 开发】iOS 开发 简介 (IOS项目文件 | MVC 模式 | 事件响应机制 | Storyboard 控制界面 | 代码控制界面 | Retina 屏幕图片适配)

    一. iOS 项目简介 1. iOS 文件简介 创建一个 HelloWorld 项目, 在这个 IOS 项目中有四个目录 : 如下图; -- HelloWorldTests 目录 : 单元测试相关的类 ...