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. Spring的由来以及发展

    Spring简史: 第一阶段:XML配置在Spring1.x时代,都是使用XML配置Bean,随着项目扩大,我们把XML文件切分成多个配置文件,那时候需要频繁地在开发类和配置文件之间切换    第二阶 ...

  2. jquery 蔚蓝网

    $(document).ready(function(){ //提交表单 $("#registerBtn").click(function(){ var email=documen ...

  3. MySQL和MySQL的注释方式

    MySQL的注释方式   mysql 服务器支持如下几种注释方式: (1) # 到该行结束     # 这个注释直到该行结束 mysql> SELECT 1+1; (2)-- 到该行结束     ...

  4. zeebe 集成elasticsearch exporter

    zeebe 目前还在一直的开发中,同时一些变动还是挺大的,比如simple monitor 的以前是不需要配置HazelcastExporter的 估计是为了进行集群功能处理,新添加的,以前写的配置基 ...

  5. 使用 AppScan 进行扫描

    针对大型网站的扫描,我们按照戴明环 PDCA 的方法论来进行规划和讨论,建议 AppScan 使用步骤:计划(Plan).执行(Do).检查(check).分析(Analysis and Action ...

  6. 1.2.7 Excel表格打印技巧

    1.打印居中显示 把打印的内容放在纸张中间,居中对齐. 方法: ①点击[页面布局]选项卡: ②找到[页面设置]群组点击右下角显示更多: ③在页边距对话框中选择[页边距]: ④勾选[居中方式]中的[水平 ...

  7. 剑指offer 6.查找和排序 旋转数组的最小数字

    题目描述 把一个数组最开始的若干个元素搬到数组的末尾,我们称之为数组的旋转. 输入一个非减排序的数组的一个旋转,输出旋转数组的最小元素. 例如数组{3,4,5,1,2}为{1,2,3,4,5}的一个旋 ...

  8. ThinkPad T460进不去系统的解决方法

    系统卡在系统lenovo界面的尝试解决方案:开机点击F1进入到bios界面进入Security-Secure Boot选Disabled进入Startup-UEFI选BOTH 然后点击F10 选yes ...

  9. 【Oracle】group by 和partition by的区别

    总结: group 单纯分组 partition 也能分组,但还具备累计的功能 order by 排序,与计算函数联用,需要累加计算 0.select * from test;     ---测试数据 ...

  10. SpringMVC Mybatis Spring

    Spring MVC Mybatis整合过程中 Mapper.java 不需要使用 @componenet, Service 等spring注解 但是在service 中创建mapper对象的时候是需 ...