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. Go 语言接口

    Go 语言提供了另外一种数据类型即接口,它把所有的具有共性的方法定义在一起,任何其他类型只要实现了这些方法就是实现了这个接口. 实例 /* 定义接口 */ type interface_name in ...

  2. Docker内核能力机制

    能力机制(Capability)是 Linux 内核一个强大的特性,可以提供细粒度的权限访问控制. Linux 内核自 2.2 版本起就支持能力机制,它将权限划分为更加细粒度的操作能力,既可以作用在进 ...

  3. 两个activity之间透明过渡效果和经验

    来看下效果图: 大致效果解释: 1. 当用户点击登录时logo下滑一定距离 2. 下滑后旋转90时 变化图标 3. 继续旋转90度 4. 然后移动到左上角 透明度渐变到上个activity 最后销毁当 ...

  4. 微信自定义菜单url默认80端口问题解决

    微信自定义菜单url默认80端口的,但是有些服务器上可能配置了多个tomcat.或者是刚好你服务器上80端口被占用了.在这样的情况下,我们可以通过如下方式解决: 首先安装apache,关于apache ...

  5. 本人正竞选CSDN博客之星，欢迎各位来访的朋友能为我投上一票

    投票网址:http://blog.csdn.net/vote/candidate.html?username=morixinguan&from=timeline 谢谢各位!

  6. PHP学习（1）——我为什么要学PHP

    PHP简介 PHP是一种服务器端的脚本语言,特别适合做web开发.高效.灵活.实用是PHP的特点.PHP最开始是Personal Home Page的缩写,后来正式更名为了"PHP:Hype ...

  7. android 缓存实现

    1.之前因为做一个项目的过程中遇到要频繁重复下载的文件比如图片等,需要在本地缓存,除了用户体验也保证了省流量. 这个demo是用下载网络图片来演示. 一共有六张网络图片,加载图片时,会判断图片是否下载 ...

  8. Swift延迟加载的一种用途

    大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请多提意见,如果觉得不错请多多支持点赞.谢谢! hopy ;) 有以下一种情况: 我们试图用Cocoa的语音合成类NSSpee ...

  9. UE4成批处理透明材质

    项目中需要控制成批的物体的透明度,但是默认的时候他又不能是透明的,对,项目的要求就这么诡异. 然而却没有找到设置材质的BlendMode的功能,于是只有换了一种办法,物体需要透明时更换为透明材质,默认 ...

  10. TCP的发送系列 — 发送缓存的管理（二）

    主要内容:从TCP层面判断发送缓存的申请是否合法,进程因缺少发送缓存而进行睡眠等待. 因为有发送缓存可写事件而被唤醒. 内核版本:3.15.2 我的博客:http://blog.csdn.net/zh ...