HTML基础系列
HTML标记语言，网页制作的第一步。
什么是HTML呢？查百度
基础语法
常用标签
HTML是超文本标记语言，HTML不用编译，直接在浏览器中执行，HTML是一个文本文件。
HTML基本结构，标签，元素，属性，注解
<html>
<head>
<title>标题</title>
</head>
<body>
</body>
</html>
标签属性格式：
<标签名 属性名=“属性值”></标签名>
文档类型声明：
<!DOCTYPE> 声明必须放在html文档第一行，不是html标签
编码文件
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
标题标签，段落标签，预格式化标签，水平线
<h1></h1> <p> <pre></pre> <hr/>
<i></i>
<b></b>
<ins>
<del>
<sub>
<sup>
无序列表：
<ul>
<li></li>
</ul>
disc 圆点
square 正方形
circle 空心圆
有序列表:
<ol>
<li></li>
</ol>
<dl>
<dt>
<dd>
</dl>
结构，表现，行为
图片标签
<img src="" alt=""/>
相对路径，绝对路径
超链接标签：
<a href=""> 内容 </a>
href target title name
_self _blank _top _parent
定义锚：
<a href="#锚名"></a>
<a name="锚名" ></a>
邮件链接：
<a href="mailto:邮件地址"></a>
下载：
<a href="xxx.rar"></a>
表格的基本结构，操作表格，属性，跨行，嵌套
<table>
<tr>
<td>
<table>
<tr>
<td></td>
</tr>
</table>
添加标题
<caption></caption>
加载过长，内容过多
表格分：表头，主体，脚注
thead tbody tfoot
<table>
<caption><caption>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
<tfoot>
</tfoot>
</table>
表格属性
width表格宽度，align对齐方式，border表格边框的宽度，Bgcolor表格背景颜色，cellpadding内容之间的空白，cellspacing单元格之间的空白，frame和rules。
跨列属性: colspan
跨行属性: rowspan
表格嵌套：
<table>
<tr>
<td></td>
<td>
<table>
<tr>
<td></td>
<td></td>
<tr>
</table>
</td>
</tr>
</table>
表单结构，表单常用元素，表单交互属性
语法：文本域，单选框，复选框，按钮，列表
<form>
...
</form>
input
select
option
textarea
optgroup
<input type="" name=""/>
text password file checkbox radio button submit reset hidden image
name maxlength size value placeholder
<input type="image" name="" src="imageurl" />
<input type="hidden" name="" value="" />
传输给服务器
下拉菜单和列表标签
<select>
<option value=""></option>
<option value=""></option>
</select>
name multiple可以多选 size显示条目
<option>标签属性
selected value
分组下拉菜单
<select name="">
<optgroup label="组1">
<option value=""></option>
</optgroup>
<optgroup label="组2">
<option value=""></option>
</optgroup>
</select>
多行文本域
<textarea name="" rows="" cols="">
</textarea>
name placeholder rows cols
<form action="" method="" name="" >
</form>
action method name target enctype
网页结构：
<body>
// 头部
<div></div>
// 主体
<div></div>
// 页脚
<div></div>
</body>
<div>
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>
</div>
总结：
html表单，表单应用场景，表单工作原理
<input type="" name="" />
text password file checkbox radio button submit reset hidden image
<form>
<input type="text" name=""/>
</form>
name, maxlength, size, value, placeholder
<form>
<input type="password" name=""/>
</form>
<form>
<input type="file" name=""/>
</form>
<form>
<input type="radio" name="" value="" checked/>
</form>
<form>
<input type="checkbox" name="" value="" checked/>
</form>
<input type="button" name="" value=""/>
type="submit"
type="reset"
<input type="image" name="" src="imageurl"/>
<input type="hidden" name="" value=""/>
html表单
input select option optgroup textarea
<select>
<option value=""></option>
</select>
name multiple size
selected value
<textarea name="" rows="" cols="" >
</textarea>
name placeholder rows cols
<form action="" method="" name="">
</form>
action method name targer enctype
url get,post form_name _blank,_self,_parent,_top
text/plain
multipart/form-data
<!DOCTYPE html>
<html>
<head>
<!-- 网页头部内容 -->
<title>标题</title>
</head>
<body>
<!-- 网页主体内容 -->
</body>
</html>
结言
好了，欢迎在留言区留言，与大家分享你的经验和心得。
感谢你学习今天的内容，如果你觉得这篇文章对你有帮助的话，也欢迎把它分享给更多的朋友，感谢。
作者简介
达叔，理工男，简书作者&全栈工程师，感性理性兼备的写作者，个人独立开发者，我相信你也可以！阅读他的文章，会上瘾！，帮你成为更好的自己。长按下方二维码可关注，欢迎分享，置顶尤佳。
感谢！承蒙关照！您真诚的赞赏是我前进的最大动力！
这是一个有质量，有态度的公众号
喜欢本文的朋友们
欢迎长按下图关注订阅号
收看更多精彩内容
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#基础系列——一场风花雪月的邂逅:接口和抽象类 前言:最近一个认识的朋友准备转行做编程,看他自己 ...
随机推荐
- keystonejs开发中解决bug--版本要对应
今天要调试bug,先说明一下背景!有需求要修改keystonejs的后台管理页面,然后是看官方文档知道后台管理也是react+redux.然后为了加强后台管理页的功能(如汉化),然后将keystone ...
- 什么是分布式锁及正确使用redis实现分布式锁
分布式锁 分布式锁其实可以理解为:控制分布式系统有序的去对共享资源进行操作,通过互斥来保持一致性. 举个不太恰当的例子:假设共享的资源就是一个房子,里面有各种书,分布式系统就是要进屋看书的人,分布式锁 ...
- 并发库应用之五 & ReadWriteLock场景应用
Lock比传统线程模型中的synchronized方式更加面向对象,与生活中的锁类似,锁本身也应该是一个对象.两个线程执行的代码片段要实现同步互斥的效果,它们必须用同一个Lock对象. 读写锁:分为读 ...
- Java操作Memcached
本文复制其他播客,有好的技术文章希望各位大神能告知... 谢谢. 如何使用Java操作Memcached实例: 代码一: package com.ghj.packageoftool; import j ...
- 【转】tomcat logs 目录下各日志文件的含义
tomcat每次启动时,自动在logs目录下生产以下日志文件,按照日期自动备份 localhost.2016-07-05.txt //经常用到的文件之一 ,程序异常没有被捕获的时候抛出的地方 ...
- （七）SpringBoot2.0基础篇- application.properties属性文件的解析及获取
默认访问的属性文件为application.properties文件,可在启动项目参数中指定spring.config.location的参数: java -jar myproject.jar --s ...
- composer安装以及更新问题，配置中国镜像源。
配置国内镜像源 中国镜像源 https://pkg.phpcomposer.com/ composer 中文官网地址 http://www.phpcomposer.com/ 下载 Composer 安 ...
- jQuery学习之旅 Item9 动画效果
1.元素的显示和隐藏 display:none; 隐藏 display:block; 显示 简单显示和隐藏方法 a) show() 显示 b) hide() 隐藏 c) toggle() 开关,显示则 ...
- yii2.0 集成/引入第三方sdk
首先下载自己要使用的sdk包放到vendor文件夹下面:我以接入ping++为例子如下: 然后在入口文件出引入文件的配置文件: 下面就是在控制器使用了: 下面就可以根据自己要使用的的文件以及方法正常调 ...
- guid.go
] = byte(g) hex.Encode(h[:], b[:]) return h }