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. freemarker的使用

    一:freemarker是什么? freemarker是一个模板引擎,基于定义的模板和数据生成对应的文本(HTML,xml,java等),是一个生成文本的工具. 二:freemarker的使用方法 ( ...

  2. mysql5.7在centos上安装的完整教程以及相关的“坑”

    安装前的准备 Step1: 如果你系统已经有mysql,如一般centos自带mysql5.1系列,那么你需要删除它,先检查一下系统是否自带mysql yum list installed | gre ...

  3. 防止SpringMVC拦截器拦截js等静态资源文件

    SpringMVC提供<mvc:resources>来设置静态资源,但是增加该设置如果采用通配符的方式增加拦截器的话仍然会被拦截器拦截,可采用如下方案进行解决: 方案一.拦截器中增加针对静 ...

  4. Bootstrap3 栅格系统-列偏移

    使用 .col-md-offset-* 类可以将列向右侧偏移.这些类实际是通过使用 * 选择器为当前元素增加了左侧的边距(margin).例如,.col-md-offset-4 类将 .col-md- ...

  5. 【完整的App项目】颖火虫笔记v2

    好久没写博客了,一方面是因为最近确实很忙,另一方面自己在改进颖火虫笔记这款App,在前面说过该App主要是模仿的印象笔记,(还不知道的,请看:http://blog.csdn.net/htq__/ar ...

  6. 在做自动化测试之前你需要知道的,转自:http://www.cnblogs.com/fnng/p/3653793.html

    什么是自动化测? 做测试好几年了,真正学习和实践自动化测试一年,自我感觉这一个年中收获许多.一直想动笔写一篇文章分享自动化测试实践中的一些经验.终于决定花点时间来做这件事儿. 首先理清自动化测试的概念 ...

  7. Unity UGUI实现分段式血条

    我们可以看到像英雄联盟等游戏里英雄头顶的血条显示并非是纯色的,而是根据血量的多少而显示一定量的格子,这种方式明显是比较友好.比较美观的,事实上我们的游戏里面也想实现这样的效果,那该怎么办呢?根据血量的 ...

  8. 通过grub-install命令把grub安装到u盘

    通过grub-install命令把grub安装到u盘 ①准备一个u盘,容量不限,能有1MB都足够了. ②把u盘格式化(我把u盘格式化成FAT.fat32格式了,最后证明也是成功的).③开启linux系 ...

  9. Gazebo機器人仿真學習探索筆記(二)基本使用說明

    在完成Gazebo7安裝後,需要熟悉Gazebo,方便之後使用. 部分源代碼可以參考:https://bitbucket.org/osrf/gazebo/src/ 如果還沒有安裝請參考之前內容完成安裝 ...

  10. Android-满屏幕拖动的控件

    本文转载自师兄一篇博客:http://blog.csdn.net/yayun0516/article/details/52254818 觉得跟之前的模拟小火箭很相似,又有学习的地方,能作为知识补充.所 ...