基础系列(1)-- html
(随笔杂谈,自己做的笔记)
网页的组成
结构 ------ xhtml,xml
表现 ------ css
行为 ------ bom,dom,ECMAScript
html5结构
<!DOCTYPE html> <!-- 声明文档类型 html -->
<html> <!-- html超文本标记语言 -->
<head> <!-- 描述区 -->
<meta charset="UTF-8"> <!-- 定义编码格式 utf-8国际编码 gbk中文 gb2312中文简体 -->
<title></title> <!-- 当前网页标题,显示在浏览器状态栏上 -->
</head>
<body> <!-- 内容区 -->
</body>
</html>
type: 定义某种类型
常用标签
文本标题标签
<h1>唯一性,一般放logo,一个网页只出现一次</h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
字体标记
<i></i> || <em></em>
倾斜效果
<b></b> || <strong></strong>
加粗效果
<u></u>
下划线效果
<br>
强制换行
<hr>
水平线
<p></p>
段落标签
字符实体
不换行空格
> >
< <
© 版权图标(备案图)
列表属性
<!-- 无序列表 -->
<ul>
<li></li>
</ul>
<!-- 有序列表 -->
<ol>
<li></li>
</ol>
<!-- 自定义列表 -->
<dl>
<dd>内容</dd>
<dt>对内容的解释</dt>
</dl>
超链接
<a href="" target="" title="">
<!--
target: _self (默认值)
_blank (新窗口打开)
title: 提示信息,方便网站检索,便于优化
-->
图片标签
<img src="" alt="" width="" height="">
alt: 图片不显示时的文本,该属性便于优化,必须要有!
<!--
相对路径:
同级找同级:直接写名称
上级找下级: 文件夹名 / 目标文件
下级找上级: ../ -----返回上一级
-->
表格
作用:显示数据
<table cellspacing="0" cellpadding="0">
<tr>
<td colspan="" rowspan=""></td>
</tr>
</table>
<!--
cellspacing:单元格与单元格的距离,一般设为0
cellpadding: 单元格与内容的距离,一般设为0
colspan:合并列,所合并单元格的列数
rowspan: 合并行,所合并单元格的行数
--> <!--
合并原则:
只要跨行的都是合并行,不跨行的都是合并列
合并行和列都是操作td
-->
表单
作用:保存数据
<form action="路径" name="名称" method="post/get">
</form>
<--
form: 表单域
action: 表单提交的路径
name: 表单名称
method: 数据传输方式 post,get
-->
表单表格嵌套
<!-- 一般写法,table在外面 -->
<table>
<form>
<tr>
<td><input type="text"></td>
<td><input type="password"></td>
</tr>
</form>
</table>
基础系列(1)-- html的更多相关文章
- 【Basics of Entity Framework】【EF基础系列1】
EF自己包括看视频,看MSDN零零散散的学了一点皮毛,这次打算系统学习一下EF.我将会使用VS2012来学习这个EF基础系列. 现在看看EF的历史吧: EF版本 相关版本特性介绍 EF3.5 基于数据 ...
- C#基础系列——Attribute特性使用
前言:上篇 C#基础系列——反射笔记 总结了下反射得基础用法,这章我们来看看C#的另一个基础技术——特性. 1.什么是特性:就博主的理解,特性就是在类的类名称.属性.方法等上面加一个标记,使这些类.属 ...
- C#基础系列——小话泛型
前言:前面两章介绍了C#的两个常用技术:C#基础系列——反射笔记 和 C#基础系列——Attribute特性使用 .这一章来总结下C#泛型技术的使用.据博主的使用经历,觉得泛型也是为了重用而生的,并且 ...
- C#基础系列——委托实现简单设计模式
前言:上一篇介绍了下多线程的相关知识:C#基础系列——多线程的常见用法详解,里面就提到了委托变量.这篇简单介绍下委托的使用.当然啦,园子里面很多介绍委托的文章都会说道:委托和事件的概念就像一道坎,过了 ...
- C#基础系列——委托和设计模式(二)
前言:前篇 C#基础系列——委托实现简单设计模式 简单介绍了下委托的定义及简单用法.这篇打算从设计模式的角度去解析下委托的使用.我们知道使用委托可以实现对象行为(方法)的动态绑定,从而提高设计的灵活性 ...
- C#基础系列——再也不用担心面试官问我“事件”了
前言:作为.Net攻城狮,你面试过程中是否遇到过这样的问题呢:什么是事件?事件和委托的区别?既然事件作为一种特殊的委托,那么它的优势如何体现?诸如此类...你是否也曾经被问到过?你又是否都答出来了呢? ...
- C#基础系列——异步编程初探:async和await
前言:前面有篇从应用层面上面介绍了下多线程的几种用法,有博友就说到了async, await等新语法.确实,没有异步的多线程是单调的.乏味的,async和await是出现在C#5.0之后,它的出现给了 ...
- C#基础系列——一场风花雪月的邂逅:接口和抽象类
前言:最近一个认识的朋友准备转行做编程,看他自己边看视频边学习,挺有干劲的.那天他问我接口和抽象类这两个东西,他说,既然它们如此相像, 我用抽象类就能解决的问题,又整个接口出来干嘛,这不是误导初学者吗 ...
- 2015年12月28日 Java基础系列(六)流
2015年12月28日 Java基础系列(六)流2015年12月28日 Java基础系列(六)流2015年12月28日 Java基础系列(六)流
- c#基础系列(转)
转:http://www.cnblogs.com/landeanfen/p/4953025.html C#基础系列——一场风花雪月的邂逅:接口和抽象类 前言:最近一个认识的朋友准备转行做编程,看他自己 ...
随机推荐
- <人人都懂设计模式>-单例模式
这个模式,我还是了解的. 书上用了三种不同的方法. class Singleton1: # 单例实现方式1 __instance = None __is_first_init = False def ...
- linux(02)基础shell命令
Linux(02)之shell命令 一,Linux命令行的组成结构 在我们的linux启动,登陆成功之后会显示: 这就是linux的命令行的组成结构 二,常见命令 1,Linux系统命令操作语法格式 ...
- Ansible 相关介绍
相关视频http://v.xue.taobao.com/learn.htm?spm=a220o.1000855.0.0.24c748e6QMQV0e&courseId=111848 Ansib ...
- 201871010123-吴丽丽 《面向对象程序设计(Java)》第八周学习总结
201871010123-吴丽丽<面向对象程序设计(Java)>第八周学习总结 项目 内容 这个作业属于哪个课程 http://www.cnblogs.com/nwnu-daizh/ ...
- 201871010112-梁丽珍《面向对象程序设计(java)》第十五周学习总结
博文正文开头格式:(2分) 项目 内容 这个作业属于哪个课程 https://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 https://www.cnblogs.co ...
- idea 配置 scala
在setting 中,通过plugin 安装 Scala 然后重启idea 重启后,建一个scala文件,根据上面提示安装scala
- <String> 49 87
49. Group Anagrams class Solution { public List<List<String>> groupAnagrams(String[] str ...
- CF1175E Minimal Segment Cover
题目链接 题意 给出n条线段.m次询问,每次询问给出一个区间\([l,r]\)问最少需要多少条线段才能覆盖区间\([l,r]\). 所有坐标\(\le 5\times 10^5\).\(n,m\le ...
- Linux性能优化实战学习笔记:第二十六讲
一.案例环境描述 1.环境准备 2CPU,4GB内存 预先安装docker sysstat工具 2.温馨提示 案例中 Python 应用的核心逻辑比较简单,你可能一眼就能看出问题,但实际生产环境中的源 ...
- withDefaultPasswordEncoder() 过时弃用问题
在学springsecurity5.X时,在demo里,内存配置用户的时候,提示withDefaultPasswordEncoder过时,特查看了源码,官方给出的理由是: /** @deprecate ...