您的位置:首页 > Web前端

web前端学习 11/24-25

2015-11-25 00:47 405 查看
这应该是对html的学习吧,到CSS部分的时候先暂停了。

html的学习应该就是其标签的认识,现在先把所有学到的标签列出来:

1.<html>...</html>

2.<head>...</head>

3.<title>...</title>

4.<body>...</body>

5.<p>...</p>  //这个部分似乎还有更多可加入属性

6.<q>...</q>

7.<blockquote>...</blockquote>

8.<em>...</em>

9.<strong>...</strong>

10.<br />

11.<hr />

12.<img src="..." alt="..." title="...">

13.<code>...</code>

14.<pre>...</pre>

15.<ul>...</ul>

16.<ol>...</ol>

17.<li>...</li>

18.<a href="..."/id="..." title="..." target="_blank">...</a>    //target属性似乎在XHTML1.1中被删除

19.<hx>...</hx>

20.<span>...</span>

21.<address>...</address>

22.<div id="...">...</div>

23.<table summary="...">...</table>

24.<caption>...</caption>

25.<tr>...</tr>

26.<th>...</th>

27.<td>...</td>

28.<form    method="post/get" action="...">...</form>

29.<input type="text/password" name="..." value="..." id="..." />

30.<textarea cols="..." rows="..."><textarea>

31.<select multiple=“multiple”>...</select>

32.<option value="..." selected="selected">...</option>

33.<label for="...">...</label>

还有包括:

mailto/cc/bcc/subject/body等的邮箱操作选项,其中多项集中在一个href=“...”中时,第一个与第二个之间用‘?’隔开,其余的之间用‘&’隔开

span的相关设置:使用span{...}进行对span的设置如:span{color:blue;} //此处需要分号

表格的相关CSS设置:如:

<style type="text/css">

table tr td,th{border:1px solid #000;}

</style>

此处为给表格加上边框宽度1像素,实线,黑色

 用于表示空格,其中分号不能遗漏

注释手段:<!--...-->  //其实这是颜文字对吧

目前来看似乎所学到此为止,明天开始进入CSS的学习

<html>
<head>
<title>The Frontpage of WaKAKS</title>
</head>

<body>
<a id="top"></a>
<h1>WaKAKS</h1>
<hr />
<div id="Personal information">
<h2>My Information</h2>
<p>This's a demostration</p>
<p>This part <br />tests for text</p>
<a href=“#” title="See more information here">See more information here</a>
</div>
<div id="contact">
<h2>Contact me</h2>
<a herf="mailto:XXXX@XXXX.com?subject=A Subject&body=The content">
</div>
<a href="#top">Return to top</a>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息