HTML <em> <strong> <dfn> <code> <samp> <kbd><var> <cite> 标签 http://www.w3school.com.cn/tags/tag_phrase_elements.asp
1.<p></p> 一行行
例子<p>今朝有酒今朝醉，</p>
2.  空格
<p>莫使金 樽空对月。</p>
3.从大到小
<h1>我是标题</h1>
<h2>我是标题</h2> <h3>我是标题</h3> <h4>我是标题</h4> <h5>我是标题</h5> <h6>我是标题</h6> <h6>我是标题</h6>4.图片
<img src="1.jpg" width="200px" height="200px" border="1px" title="还行吧" alt="原来是美女呀"/>
<!--属性名="值"-->
5表单
一个<tr>元素包含一个或多个<th>或<td>元素。<td>标签定义HTML表格中的标准单元格
<form></form表单>
<table>
<tr> 列
<td></td>行 <td rowspan="2">张三</td> 占2列
<input />这是单元格
<input type="reset" value="清空"/><br/>
<input type="submit" value="提交到百度"/>
</tr>
</table>
<form action="http://www.baidu.com" method="get">
<table border="1px" cellpadding="0px" cellspacing="0px"> <tr> <td>用户名</td> <td>用户名</td> <td><input type="text" name="txtName" /></td> </tr> <tr> <td>密码</td> <td><input type="password" name="txtPwd" /></td> </tr> <tr> <td>验证码:</td> <td><input type="text" name="txtJudge" style="width: 86px"/><img src="images/1.jpg" style="height: 23px; width: 45px; margin-top: 5px" /></td> </tr> <tr> <td></td> <td><input type="checkbox" name="txtRem" />记住密码</td> </tr> <tr> <td></td> <td><input type="submit" /><input type="reset" /></td> </tr> </table> </form>占三行 横
<tr>
<td><font color="blue">手机充值、IP卡</font></td> <td colspan="3"><font color="blue">办公设备、文具、耗材</font></td> </tr>占三行是竖
<tr>
<td rowspan="3">各种卡的总汇</td> <td>铅笔</td> <td>铅笔</td> <td>铅笔</td> </tr>
框架页面 简单三层框架 三列
<frameset rows="15%,*">
<frame src="top.html" noresize="noresize"/> <frameset cols="30%,*"> <frame src="left.html" noresize="noresize"/> <frame src="right.html" name="Right" /> </frameset> </frameset>
超链接
<a></a>
例子
<a href="http://www.mop.com" target="Right">猫扑</a>
<a href="http://www.baidu.com" target="_self">百度</a>自己
<a href="4常用的标签.html#碗里来" name="来吧来吧">快到碗里去</a>
<a href="#">我是连接么？</a>
<a name="底端" href="#顶端">回到顶端</a>
整个背景颜色
<body bgcolor="green">
i'm right; </body>
<b></b>是用来编辑文本的,必须一起使用,用来是字体加粗Bold(加粗)的简写
<strong></strong> 也是加粗
</br> 换行
<hr/>:分割线
Bold(加粗)的简写
<font size="8" color="red">1</font>
<i>这是要显示在网页中的内容</i> 字体 斜体
呈现类似打字机或者等宽的文本效果<tt></tt>
<p>如果文本不是超链接,就不要<u>对其使用下划线</u>
上标 下标
3<sup>2</sup>+4<sup>2</sup>=5<sup>2</sup>
3<sub>2</sub>+4<sub>2</sub>=5<sub>2</sub>32+42=52 32+42=52 这是要显示在网页中的内容标签的一个常见应用就是用来表示计算机的源代码。
<pre>
<code> for(int i=0;i<100;i++) { Console.WriteLine("Hello World"); } </code> </pre>
<marquee></marquee>可以实现多种滚动效果，无需js控制。
Body中的属性
<body text="green" link="pink" alink="black" vlink="green" bgcolor="pink" background="1.jpg">
床前明月光，疑是地上霜。 <a href="#">超链接</a> <a href="#">超链接</a> <a href="#">超链接</a> <a href="#">超链接</a> </body>
DIV
<div style="background:red; height:50px; width:300px">我是一个Div，咿呀咿呀哟</div> <span>我是一个span标签</span><b>我就在你屁股后面呢</b>
div占用的位置是一行，
span占用的是内容有多宽就占用多宽的空间距离<div><span><span></div>
差别就在于div是块级元素,不会其他元素在同一行;span是内联元素~可以与其他元素位于同一行~
自定义标签 http://jingyan.baidu.com/article/ce09321b55c7662bff858fa0.html
<dl> 标签定义了定义列表(definition list)
无序列表始于 <ul> 标签。每个列表项始于 <li>。
有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始
一个表单练习,如果想看具体===>复制粘贴==>到text,然后改后缀到html
1 2 3274 2754 5 6