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. JS处理日期&字符串格式相互转换

    之前找过一些获取系统日期以及日期&字符串格式相互转换的方式,但总体自我感觉来说还是以下的方式会更适合一些. 如有更好的方式,望大家多多赐教和交流,谢谢! 2016年曾写过一次,不过只是发了一下 ...

  2. Ubuntu使用总结二

    Ubuntu使用 - 1.ubuntu怎么切换到root用户,切换到root账号方法 ubuntu怎么切换到root用户,我们都知道使用su root命令,去切换到root权限,此时会提示输入密码, ...

  3. windows10环境下VMware14中Ubuntu16.04解决如何上网问题

    进入控制面板,网络和Internet,网络连接 点击以太网,查看详细信息 点击属性 --> 共享,允许其他网络-->选择VMnet1 点开虚拟机编辑选项 ,选择 VMNET1 仅主机,其他 ...

  4. Creation of SecureRandom instance for session ID generation using [SHA1PRNG] took [33,755] milliseconds.

    刚部署好程序,第一次登录时,加载非常得慢,查看log日志发现:Creation of SecureRandom instance for session ID generation using [SH ...

  5. Python之PIL库的运用、GIF处理

    一.PIL库简介 PIL(Python Image Library)库是Python语言的第三方库,它支持图像存储.显示和处理,它能够处理几乎所有图片格式,可以完成对图像的缩放.剪裁.折叠以及像图片添 ...

  6. javascript中缺少分号结尾的情况

    首先看一段代码 function* fib (max) { let a = 0 let b = 1 let n = 1 while (n < max) { yield a; [a, b] = [ ...

  7. Flagr 配置说明

    说明文档来自官方文档 https://checkr.github.io/flagr/#/flagr_env 完整配置 包含了组件的配置参数以及说明,对于学习如何使用Flagr 还是很重要的,包含了数据 ...

  8. TypeScript 版本相关

    TypeScript 1.3 元组类型 // Declare a tuple type var x: [string, number]; // 初始化 x = []; // ok // 错误的初始化 ...

  9. 超详细SQLMap使用攻略及技巧分享

    sqlmap是一个开源的渗透测试工具,可以用来进行自动化检测,利用SQL注入漏洞,获取数据库服务器的权限.它具有功能强大的检测引擎,针对各种不同类型数据库的渗透测试的功能选项,包括获取数据库中存储的数 ...

  10. day02 运算符

                                  运算符2019-04-01 目录 一.算数运算符 + = * / % // ** 二.比较运算 > < == != >= ...