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>效果:
编程是一种快乐,享受代码带给我的乐趣!!!