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. 内联元素于与块元素的转换 相对定位、绝对定位以及fixed定位 Z轴覆盖

    今天上午学习了内联元素于与块元素的转换     个人觉的display:none将元素非常好用,可以配合当鼠标放到这里会出现. 转换成行内元素display: inline;  转换成块元素displ ...

  2. Linux 开(关) ICMP 回应(防止被ping)

    临时生效的办法 关闭回应: [root@host ~]# echo 1 > /proc/sys/net/ipv4/icmp_echo_ignore_all // 客户端测试 ➜ ~ ping 0 ...

  3. ECharts 从后台动态获取数据 （asp.net）

    (一) 使用工具 visual studio 2017:Web开发:asp.net (代码中的js引用路径以及ajax方法调用的url,记得修改哦) (二) 准备工作(此处写给和我一样小白) 1.动态 ...

  4. Python环境os模块功能

    功能 语句 得到当前工作目录,即当前Python脚本工作的目录路径: os.getcwd() 返回指定目录下的所有文件和目录名: os.listdir() 函数用来删除一个文件: os.remove( ...

  5. JavaWeb之搭建自己的MVC框架

    https://blog.csdn.net/anita9999/article/details/83378111 自己写一个mvc框架吧(一) https://www.cnblogs.com/heba ...

  6. NRF51800 空中升级DFU

    下面是基础软件的安装:[抄袭他人所得] 1.安装Python软件,建议版本2.7.9及以上,不超过3.0版本[以下安装步骤需要联网]2.安装Python的pip模块,通过命令提示符进入到Python的 ...

  7. linux下tomcat启动慢解决方法

    前言 最近在工作中遇到一个问题,在Linux下Tomcat 8启动很慢,且日志上无任何错误,在日志中查看到如下信息: Log4j:[2017-08-2715:47:11] INFO ReadPrope ...

  8. STM32 USB-三个HID-interface 复合（组合）设备的代码实现-基于固件库（原创）

    一.概论: 在STM32_USB-FS-Device_Lib_V4.1.0的Custom_HID工程基础上进行修改: 开发一款设备,有三个HID接口,mouse+pen+自定义HID 其中:0_HID ...

  9. case when then

    --使用IN的时候 SELECT keyCol, CASE WHEN keyCol IN ( SELECT keyCol FROM tbl_B ) THEN 'Matched' ELSE 'Unmat ...

  10. 使用 GDB 调试需要命令行参数的程序

    使用 gdb 命令提供的 --args 选项可以调试需要命令行参数的程序,如下: gdb --args a.out arg1 arg2 arg3