1、换行:<br>
2、超链接:<a></a>
示例源码:
abc<br>dedfgsadfa<br>
<a href=\公众#\"大众>超链接的笔墨</a> reference<br>
<a href=\公众http://www.cwhello.com\公众 target=\公众_self\"大众>百
度</a><br>
<a href=\公众http://www.cwhello.com\公众 target=\"大众_blank\公众>
以新窗口打开百度</a><br>
<a href=\"大众http://www.cwhello.com\"大众 title=\公众点击有惊
喜\"大众>带悬停提示的超链接</a><br>
<a href=\公众http://www.cwhello.com\公众 title=\"大众xxxx\"大众
target=\"大众_blank\"大众>带悬停提示点击以新窗口打开百度
</a><br>
<a href=\"大众http://www.cwhello.com\"大众 title=\"大众yyyy\"大众><img
src=cwhello.jpg\"大众 alt=\公众yyyy\公众
style=\"大众border:none;\公众></a><br>
<a href=\公众index1.html\"大众>点击打开相对路径的网页</a>
3、字体倾斜:<i></i>、<em></em>
4、字体加粗:<b></b> 、<strong></strong> bold (磅)
5、字体下划线:<u></u>
6、字体:<font></font>
Color 颜色设置
Size 大小,默认字体大小是12像素(px,pixel),size可以进行缩放,最大+7,最小-7,超出以最大值进行显示;
Font-size 详细大小
Font-weight 详细粗细
Font-family 字体
Text-decoration 文本润色
示例源码:
<i>重<b>蔚</b><u>自</u><font color=\"大众red\公众 size=\"大众+100\"大众 style=\公众font-size:50px;font-weight:900; text-decoration:overline;\"大众><font style=\"大众text-decoration:line-through; font-family:'华文行楷';\"大众>留地</font></font>!
!
!
</i>
TIPS:默认字体位置c:\windows\fonts 目录下
7、水平线:<hr>
Solid 固体(实线)、dashed(虚线)、double、dotted、……
<hr style=\"大众border:1px double yellow; height:1px;\"大众 />
8、列表:无序列表、有序列表
<!--unorderlist 无序-->
<ul>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ul>
<!--orderlist 有序-->
<ol>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ol>
9、笔墨上标:<sup></sup>
10、笔墨下标:<sub></sub>
11、笔墨标题:
<h1></h1>
<h1></h1>
……
<h6></h6>
TIPS:一个页面最多用1个H1,2个H2,从H3开始随意。
12、Seo:Search Enigee Oriented,搜索引擎优化。
13、元标签:<meta>
<meta http-equiv=\"大众keywords\"大众 content=\"大众XXX美食网 美食 xxx\"大众 />
<meta http-equiv=\"大众description\"大众 content=\公众XXX美食网 主打徽系佳构菜系 \公众 />
<meta http-equiv=\"大众Content-Type\公众 content=\公众text/html; charset=utf-8\公众 />
14、编码知识:
Gb2312 国标2312,保存中文第四代简化字的编码。
Gbk 包含中文简体、繁体、火星文
UTF-8 国际通用网页编码,保存的笔墨内容比中文高一位。
1个汉字=2Byte=28bit
向上兼容:低版本软件可以在高版本运行,反之则不一定。
15、容器级标签:
<p></p> 段落
<div></div> 层
<span></span>
16、其他分外:
一个英文半角空格
小于 <
大于 >
©
17、标签分类与转换:
所有的标签可以分为二大类
1、块(block)元素:后面的内容会自动换行!
!
!
2、内联(行内inline)元素:后面的内容不会换行!
!
!
转换:
<标签 style=”display:inline;”></标签>
例1
<a style=\"大众display:block;\"大众 href=\"大众#\"大众>aaaa</a>
<a href=\"大众#\"大众>bbb</a>
例2
<div style=\"大众display:inline;\"大众>aaa</div>
Bbb
比较下面2段代码看看效果:
第一段:
<div style=\"大众visibility:hidden;\公众>abc</div>
<div>edf</div>
第二段:
<div style=\"大众 display:none;\"大众>abc</div>
<div>edf</div>
浏览器访问常用快捷键:
1) ctrl+鼠标滚轮,可以缩放浏览器的内容
2) Ctrl+0 可以使缩放的网页显示为正常大小
3) 在DW中F12为预览快捷键