HTML入门笔记
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入门笔记的更多相关文章
- 每天成长一点---WEB前端学习入门笔记
WEB前端学习入门笔记 从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工 ...
- ES6入门笔记
ES6入门笔记 02 Let&Const.md 增加了块级作用域. 常量 避免了变量提升 03 变量的解构赋值.md var [a, b, c] = [1, 2, 3]; var [[a,d] ...
- [Java入门笔记] 面向对象编程基础(二):方法详解
什么是方法? 简介 在上一篇的blog中,我们知道了方法是类中的一个组成部分,是类或对象的行为特征的抽象. 无论是从语法和功能上来看,方法都有点类似与函数.但是,方法与传统的函数还是有着不同之处: 在 ...
- React.js入门笔记
# React.js入门笔记 核心提示 这是本人学习react.js的第一篇入门笔记,估计也会是该系列涵盖内容最多的笔记,主要内容来自英文官方文档的快速上手部分和阮一峰博客教程.当然,还有我自己尝试的 ...
- redis入门笔记(2)
redis入门笔记(2) 上篇文章介绍了redis的基本情况和支持的数据类型,本篇文章将介绍redis持久化.主从复制.简单的事务支持及发布订阅功能. 持久化 •redis是一个支持持久化的内存数据库 ...
- redis入门笔记(1)
redis入门笔记(1) 1. Redis 简介 •Redis是一款开源的.高性能的键-值存储(key-value store).它常被称作是一款数据结构服务器(data structure serv ...
- OpenGLES入门笔记四
原文参考地址:http://www.cnblogs.com/zilongshanren/archive/2011/08/08/2131019.html 一.编译Vertex Shaders和Fragm ...
- OpenGLES入门笔记三
在入门笔记一中比较详细的介绍了顶点着色器和片面着色器. 在入门笔记二中讲解了简单的创建OpenGL场景流程的实现,但是如果在场景中渲染任何一种几何图形,还是需要入门笔记一中的知识:Vertex Sha ...
- unity入门笔记
我于2010年4月1日硕士毕业加入完美时空, 至今5年整.刚刚从一家公司的微端(就是端游技术+页游思想, 具体点就是c++开发, directX渲染, 资源采取所需才会下载)项目的前端主程职位离职, ...
- System Generator入门笔记
System Generator入门笔记 [CPLD/FPGA] 发布时间:2010-04-08 23:02:09 System Generator是Xilinx公司进行数字信号处理开发的一种设计 ...
随机推荐
- python脚本文件传参并通过token登录后爬取数据实例
from bs4 import BeautifulSoup import requests import sys class Zabbix(object): def __init__(self, he ...
- Node.js 网络
稳定性: 3 - 稳定 net 模块提供了异步网络封装,它包含了创建服务器/客户端的方法(调用 streams).可以通过调用 require('net') 包含这个模块. net.createSer ...
- Java第2次实验提纲(Java基本语法与类库)
1. 使用Git克隆(clone)项目到你的Eclipse项目中 见以下参考资料中的3 从码云将项目clone到你的电脑 重要提示: 使用Git来管理你的代码以后,当你在本机Eclipse项目中开始编 ...
- sorted函数返回一个新的列表就安全了吗?
arr=[[1,2,3],[4,2,3],[5,2,3]] x2=sorted(arr) print 'sorted',x2 print '-'*20 for ar in arr: ar.append ...
- 数据库的case when 使用实例
本文作者:苏生米沿 本文地址:http://blog.csdn.net/sushengmiyan/article/details/50471210 需求很简单,我有一个部门和部门的请假申请表.表数据简 ...
- Dynamics CRM2016 关于修改部署管理员账号权限引发的问题
最近在用2016做项目,一个同事的一个操作给我带来了一个头疼的问题,他把部署管理员的CRM账号的管理员权限给移除了,导致整个系统的所有账号进CRM都是下图这样 即使系统中还存在其他的拥有管理员权限的账 ...
- CDH 5.x 集群安装及卸载
上次写了CDH安装测试总结,由于那个博客篇幅略长, 但是主要集中在第二章,所以单独把CDH安装.卸载这块的内容拉出来在一篇记录一下. 一.搭建远程yum源 1.启动http服务: service ht ...
- 可能是CAP理论的最好解释
一篇非常精彩的解释CAP理论的文章,翻译水平有限,不准确之处请参考原文,还请见谅. Chapter 1: "Remembrance Inc" Your new venture : ...
- Java使用BigDecimal保留double、float运算精度、保留指定位数有效数字、四舍五入
工具类 package --; import java.math.BigDecimal; /** * Created by kongqw on 2015/12/10. */ public final ...
- Spark技术内幕:Shuffle Pluggable框架详解,你怎么开发自己的Shuffle Service?
首先介绍一下需要实现的接口.框架的类图如图所示(今天CSDN抽风,竟然上传不了图片.如果需要实现新的Shuffle机制,那么需要实现这些接口. 1.1.1 org.apache.spark.shuf ...