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>
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>
相关文章推荐
- easyui------显示隐藏列功能
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- 通过Mootools 1.2来操纵HTML DOM元素
- 表格标签table深入了解
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- 如何使用jquery easyui创建标签组件
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- 谈谈网页设计中的字体应用Font Set
- 没有文件大小限制并免费的PDF到HTML转换工具
- JavaScript与HTML结合的基本使用方法整理
- css实现气泡框效果(实例加图解)
- html链接与文本标签们
- html活用软字符连接符
- web标准知识――用途相似的标签