HTML学习基本代码

HTML的代码比较繁琐,在此记下一些基本的东西,以后自己回来看看

 1 <html>
 2 <head>
 3 <title>我的人生啊</title>
 4 <style type="text/css">
 5 input{background-color:red;}
 6 .highlight{font-size:xx-large;color:red;}
 7 p.sign{font-size:34;color:green;}
 8 #user
 9 {
10 font-size:xx-large;color:blue;
11 }
12 </style>
13 </head>
14 <body bgcolor="#ccdd" >
15 <table align="center" border="1">
16 <tr>
17 <td><label for name="username">用户名</label></td><td><input type="text" id="username" style="background-color:red"></td>
18 </tr>
19 <tr>
20 <td><label for name="password">密码</label></td><td><input type="password" id="password"></td>
21 </tr>
22 <tr>
23 <td><label for name="pass">确认密码</label></td><td><input type="password" id="pass"></td>
24 </tr>
25 <tr>
26 <td>职业</td>
27 <td>
28 <select>
29 <option>老师</option>
30 <option>学生</option>
31 <option>主任</option>
32 <option>校长</option>
33 </select>
34 </td>
35 </tr>
36 <tr>
37 <td colspan="2">性别
38 <input type="radio" id="boy" name="gender"/><label for="boy">男</label>
39 <input type="radio" id="girl" name="gender"/><label for="girl">女</label>
40 <input type="radio" id="secret" name="gender"/><label for="secret">保密</label>
41 </td>
42 </tr>
43 <tr>
44 <td>省份</td>
45 <td>
46 <select>
47 <option>山东</option>
48 <option>北京</option>
49 <option>河南</option>
50 <option>广州</option>
51 </select>
52 </td>
53 </tr>
54 </table>
55 <div align="center" style="cursor:url(F:\ICON\five.cur);color:blue"><u>点我呀</u></div>
56 <div align="center"><img src="H:\picture\tree.jpg" width="300"height="250" />
57 <img src="H:\picture\liabrary.jpg" width="300"height="250" /></div>
58 <div class="highlight"><u>我是中国人</u></div>
59 <p id="user">你是我朋友</p>
60 <p class="sign">你好,欢迎来到中国!</p>
61 </body>
62 </html>

还有很多代码没有记录,接下来再添加

时间: 2024-10-13 02:29:49

HTML学习基本代码的相关文章

DOM基本代码一

dom学习基本代码第一部分 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>event deal</title> 5 <style type="text/css"> 6 .leixing{color:red;} 7 </style> 8 <script type=

PHP开发程序员的学习路线

兄弟连PHP培训,简单为大家梳理了每个阶段PHP程序员的技术要求,来帮助很多PHP程序做对照设定学习成长目标. 第一阶段:基础阶段(基础PHP程序员) 重点:把LNMP搞熟练(核心是安装配置基本操作) 目标:能够完成基本的LNMP系统安装,简单配置维护:能够做基本的简单系统的PHP开发:能够在PHP中型系统中支持某个PHP功能模块的开发. 时间:完成本阶段的时间因人而异,有的成长快半年一年就过了,成长慢的两三年也有. 1.Linux 基本命令.操作.启动.基本服务配置(包括rpm安装文件,各种服

PHP程序员学习路线

第一阶段:基础阶段(基础PHP程序员) 重点:把LNMP搞熟练(核心是安装配置基本操作) 目标:能够完成基本的LNMP系统安装,简单配置维护:能够做基本的简单系统的PHP开发:能够在PHP中型系统中支持某个PHP功能模块的开发. 时间:完成本阶段的时间因人而异,有的成长快半年一年就过了,成长慢的两三年也有. 1.Linux 基本命令.操作.启动.基本服务配置(包括rpm安装文件,各种服务配置等):会写简单的shell脚本和awk/sed 脚本命令等. 2.Nginx 做到能够安装配置nginx+

java学习笔记2015-6-5

今天晚上不需要任何编译器 记事本编写代码 1.JDK安装配置 2.JDK JRE的关系 3.基本语法  常量  变量  数据类型  逻辑运算符  流程控制语句 4.小的练习  问题 5.课后作业 笔记: 数据类型 整型: byte          1字节      8位       00000000 short         2字节 int           4字节      JAVA所有的整数常量默认都是 int long          8字节 浮点型: float        

【IScroll深入学习】解决IScroll疑难杂症

前言 在去年,我们对IScroll的源码进行了学习,并且分离出了一段代码自己使用,在使用学习过程中发现几个致命问题: ① 光标移位 ② 文本框找不到(先让文本框获取焦点,再滑动一下,输入文字便可重现) ③ 偶尔导致头部消失,头部可不是fixed哦   由于以上问题,加之去年我们团队的工作量极大,和中间一些组织架构调整,这个事情一直被放到了今天,心里一直对此耿耿于怀,因为IScroll让人忘不了的好处 小钗坚信,IScroll可以带来前端体验上的革命,因为他可以解决以下问题 区域滑动顺滑感的体验

是什么让C#成为最值得学习的编程语言

随着 Web.iOS.Android.智能设备的流行,新的编程语言纷纷涌现并表现不俗,如 Ruby,Python,Scala,Go,Node.js,Swift 等.反观已经发展了近20年的 C# 语言(或者这里应该更准确的说是 .Net Framework),因为天生的平台局限,导致很多的 C# 程序员为了生计和前途纷纷转行投入的新语言的怀抱. 就在此时,微软的 .Net Core 横空出世 跨平台:可以在 Windows.MacOS 和 Linux 上运行. 兼容性: .NET Core 通过

微信小程序学习

以下内容均转自微信平台,为学习所用. 本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果.这个小程序的首页将会显示欢迎语以及当前用户的微信头像,点击头像,可以在新开的页面中查看当前小程序的启动日志. 1. 获取微信小程序的 AppID 登录 https://mp.weixin.qq.com ,就可以在网站的"设置"-"开发者设置"中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID . 注意:如果要以非管理

Junit4学习(一)

一,学习Junit4,学以致用 二,熟悉编写流程 工具:Eclipse,Junit包,hamcrest.core包 1,打开Eclipse开发工具,新建工程:file->Java Project或者使用快捷键(alt+shift+N) 并起名工程名字:junit4Demo2 2,创建被测试数据的包文件:在生成的junit4Demo2工程下的src源文件夹下创建包:com.duo.util 3,新建被测试类:Calculate 4,在新建的被测试类中输入代码: 1 package com.duo.

JavaScript设计模式之策略模式(学习笔记)

在网上搜索“为什么MVC不是一种设计模式呢?”其中有解答:MVC其实是三个经典设计模式的演变:观察者模式(Observer).策略模式(Strategy).组合模式(Composite).所以我今天选择学习策略模式. 策略模式:定义了一系列家族算法,并对每一种算法单独封装起来,让算法之间可以相互替换,独立于使用算法的客户. 通常我并不会记得“牛顿第一定律”的具体内容,所以我也难保证我会对这个定义记得多久……用FE经常见到的东西来举个例子说明一下: $("div").animation(