HTML CSS JS （网络三剑客）

上网就是下载网页

浏览器 就是一个解释器

CS模式--------client server
bs模式--------browser server

HTML是什么 hlyper text markup language 超文本标记语言
超文本： 就是指页面内可以包含图片 连接 音乐 程序等非文字元素
标记语言 标签构成的语言

标签 HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。
<br> 换行
<p> HTML 段落是通过 <p> 标签进行定义的
HTML 链接是通过 <a> 标签进行定义的
<a href="http://www.w3school.com.cn">This is a link</a>
HTML 图像是通过 <img> 标签进行定义的
<img src="w3school.jpg" width="104" height="142" />

块级标签和内联标签

特殊字符： &nbsp空格 需要去百度查

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>LZY做的网页骨架</title>

</head>

<body>

<h1>用户注册页面</h1>

<from action = "heep://127.0.0.1:8080/index">

<p>姓名<input type="text" name = "uesrname" ></p>

<p>密码<input type="password" name = "password" ></p>

<p>

爱好 音乐<input type="checkbox" name = "bobby" value="music" > 电影<input type="checkbox" name = "bobby" value="movie" >

死宅<input type="checkbox" name = "bobby" value="man" > 运动<input type="checkbox" name = "bobby" value="woman" >

</p>

<p>请提交阁下的生活写真

<input type="file" name = "put_file"> </p>

省<select name = "province" multiple size = "1">

<!--<optgroup label="河南省">-->

<!--<option value="zhengzhou">郑州</option>-->

<!--<option value="kaifeng">开封</option>-->

<!--<option value="xinxiang">新乡</option>-->

<!--<option value="luoyang">洛阳</option>-->

<!--</optgroup>-->

<option value="beijing">北京</option>

<option value="henan">河南</option>

<option value="hebei">河北</option>

<option value="shanxi">山西</option>

</select>

简介<textarea name = "desc"></textarea>

<p><input type = "submit" name = "password" value = "提交注册"></p>

</from>
<!--{"username":"yuan","password":1234,"hobby":["music","movie"]}-->
</body>
</html>

表格：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>LZY</title>

</head>

<body>

<table border="1px" cellpadding="5px" cellspacing="5px">

    <thead>

        <tr>

<th>111</th>

<th>222</th>

<th>333</th>

<th>444</th>

        </tr>

    </thead>

<tbody>

    <tr>

<td rowspan="2">1111</td>

<td>1221</td>

<td>1331</td>

<td>1441</td>

    </tr>

    <tr>

<td>1111</td>

<td>1221</td>

<td>1331</td>

<td>1441</td>

    </tr>

</tbody>

</table>

</body>

</html>

常用：

<from>

<input type = "password" name = "ppwd">

<input typee="checkbox" name="hobby" value=""music>

<input type="radio" name="gender" value="=1">

<input type="file" name="filename">

<input type="submit" value="提交">

<input type="button" value="提交">

<input type="reset" value="重置">

<select></select>

</from>

01 HTML快速入门的更多相关文章

  1. 01.Hibernate快速入门

    第一步:下载Hibernate5的运行环境 https://sourceforge.net/projects/hibernate/files/hibernate-orm/ 第二步:在数据库创建表 Cr ...

  2. 01.SpringMVC快速入门

    1.导入jar包 2.在web.xml中配置前端控制器 <!-- spring前端控制器 --> <servlet> <servlet-name>springmvc ...

  3. 01.MyBatis快速入门

    1.下载jar包 Mybatis包+数据库驱动包 https://github.com/mybatis/mybatis-3/releases 2.新建Java工程并导入jar包 3.创建数据库与表 C ...

  4. AngularJS快速入门指南01：导言

    AngularJS使用新的attributes扩展了HTML AngularJS对单页面应用的支持非常好(SPAs) AngularJS非常容易学习 现在就开始学习AngularJS吧! 关于本指南 ...

  5. MyBatis 学习总结 01 快速入门

    本文测试源码下载地址: http://onl5wa4sd.bkt.clouddn.com/MyBatis0918.rar 一.Mybatis介绍 MyBatis是一个支持普通SQL查询,存储过程和高级 ...

  6. Nginx快速入门菜鸟笔记

    Nginx快速入门-菜鸟笔记   1.编译安装nginx 编译安装nginx 必须先安装pcre库. (1)uname -a 确定环境 Linux localhost.localdomain 2.6. ...

  7. AngularJS快速入门指南02：介绍

    AngularJS是一个JavaScript框架.它可以通过<script>标记被添加到HTML页面中. AngularJS通过指令对HTML属性进行了扩展,然后通过表达式将数据绑定到HT ...

  8. Yacc 与 Lex 快速入门

    Yacc 与 Lex 快速入门 Lex 与 Yacc 介绍 Lex 和 Yacc 是 UNIX 两个非常重要的.功能强大的工具.事实上,如果你熟练掌握 Lex 和 Yacc 的话,它们的强大功能使创建 ...

  9. SpringMvc_快速入门,深入分析

    目录  一.前言二.spring mvc 核心类与接口三.spring mvc 核心流程图 四.spring mvc DispatcherServlet说明 五.spring mvc 父子上下文的说明 ...

随机推荐

  1. java 你画我猜 了解一下

    0-设计思路: 你画我猜顾名思义,有一个人画,一个人猜,两个思路: 1)一个中央服务器,中转数据,两个client端:,a画对应点的数据通过服务器发给客户端b,b通过这些数据进行绘画,换颜色人,等等, ...

  2. 引擎设计跟踪(九.14.3.1) deferred shading: Depthstencil as GBuffer depth

    问题汇总 1.Light support for Editor编辑器加入了灯光工具, 可以添加和修改灯光. 问题1. light object的用户互交.point light可以把对应的volume ...

  3. 解析观察者模式在安卓程序中的应用——如何实现跨界面Handler通讯

    这里特使用了github中的一个项目作为例子进行解析,地址为:https://github.com/LiqiNew/HandlerFrame/tree/master/handlerFrame/src/ ...

  4. car的旅行路线

    https://www.luogu.org/problemnew/show/P1027 题目描述 又到暑假了,住在城市A的Car想和朋友一起去城市B旅游.她知道每个城市都有四个飞机场,分别位于一个矩形 ...

  5. Java中反射的实现方式

    所谓反射,是指在运行时状态中,获取类中的属性和方法,以及调用其中的方法的一种机制.这种机制的作用在于获取运行时才知道的类(Class)及其中的属性(Field).方法(Method)以及调用其中的方法 ...

  6. c++——智能指针学习（unique_ptr）

    1.为什么会有unique_ptr? 动态内存忘记delete,导致内存泄漏.比如: p = new (); if(...) { return ; } delete p; 因此我们需要一种方式来解决这 ...

  7. C goto

    http://c.biancheng.net/view/266.html 当程序遇到 goto 后, 会无条件跳转到标签后出,然后程序按照顺序执行 例子: #include <stdio.h&g ...

  8. 运维wiki

    意识 1.责任心 要有 owner 意识.运维是线上产品的首要负责人,出现故障都默认是运维的故障,要推动改进. 2.细心 要有敏感的风险意识,稳定和安全是运维的最高责任 3.上进心 要善于学习,不断反 ...

  9. Azure CosmosDB (12) 创建Cosmos DB并执行查询语句

    <Windows Azure Platform 系列文章目录> The SQL API supports the following aggregate functions. SUM an ...

  10. C#读写Excel实践笔记

    使用第三类包:NPOI 介绍 Github地址:https://github.com/tonyqus/npoi,Java POI项目的.NET版. 通过它可以在没有安装Office软件的情况下,快速的 ...