1. HTML(Hyper Text Markup Language) , 超文本标记语言。
HTML文件的后缀名一般是： .htm , .html
表单（form）:
- 浏览器内核： WebKit , trident
- Javascript:alert(‘？’); --->java脚本语言
- 我的第一个html程序：
- 代码如下：
-
1 <html> 2 <head> 3 <title> 龚细军的网站</title> 4 </head> 5 6 <body> 7 <!---font 表示字体 border用来显示线条--> 8 <h1><font color ="green">龚细军的小窝</font></h1> 9 <a href=‘http://www.baidu.com‘>进入相应的链接</a> 10 <table border="2" align="left" width="40%"> 11 <tr> 12 <td align="center"><b>围棋</b></td> 13 <td align="center"><b>军旗</b></td> 14 <td align="center"><b>水汽</b></d> 15 </tr> 16 <tr> 17 <th>aa</th> 18 <th>bb</th> 19 <th>ee</th> 20 </tr> 21 </table> 22 <form align="left"> 23 <br> <br><br> 24 <!--文本框的使用--> 25 <b>username :</b> <input type="text" value="hello world!"><br> 26 <b>passwoed :</b> <input type="password"><br><br> 27 <!--多选按钮 checkbox--> 28 兴趣： 学习<input type="checkbox"> 29 旅游<input type="checkbox"> 30 睡觉<input type="checkbox"><br><br> 31 <!--单选按钮 radio 注意要想达到互斥，必须放在同一个组中，即取相同的名字即可表示在同一个组中--> 32 性别: 男 <input type="radio" name="Gxjun"> 33 女 <input type="radio" name="Gxjun"><br> 34 <!--下拉表单 select--> 35 学历：<select> 36 <option>小学</option> 37 <option>中学</option> 38 <option>高中</option> 39 <option>大学</option> 40 </select><br> 41 <!--文本区 TEXTAREA--> 42 评论： <textarea width="5" height="5" align="left"> 43 </textarea><br> 44 <!--文件上传 type file-- 45 <b><font color="red"> 文件上传：</font></b><input type="file"><br> 46 <!--按钮的一些使用比如 submit--> 47 <input type="submit" value="submit"> 48 <!--重置按钮 reset即恢复到最初的状体init--> 49 <input type="reset" value="reset"> 50 <!--空格的使用 表示一个空格--> 51 <input type="button" value="batton" onclick="javascript: alert(‘hello world !‘);"> 52 <!-- <input type="hidden" value="hidden"> --> 53 <br> 图片：<img src="C:\Users\Public\Pictures\Sample Pictures\Koala.jpg"><br> 54 55 </form> 56 </body> 57 58 </html>
效果图：
-
- css的语法规则 selector{ property: value }；
- 一些关于css内的一些自定义，涉及外定义样式和内定义样式等等
-
1 <html> 2 <head> 3 <title>css selector</title> 4 <link rel="stylesheet" type="text/css" href="css.css"> 5 </head> 6 <body> 7 <h1 align="center"><font color="blue">css selector</font></h1><br> <!--默认样式，定义p为css样式--> 8 <p>hello world !</p> 9 <p class="center">hello world!</p> 10 <p class="right">hello world!</p> 11 <p><a href="C:\Users\Administrator.USERSWO-MKA59UH\Desktop\在家自学内容\test.html">这应用是一个</a></p> 12 </body> 13 </html>
效果：
JavaWeb学习之环境搭建
时间： 2024-10-11 08:41:05