温馨提示:
本人在http://how2j.cn?p=36286这个网站学习的第一天,做个总结,欢迎大家前去访问学习。
在这个网站里面有系统的学习路线,大家可以根据自己的情况选择合适的学习路线。(点击图片即可跳转到这个页面哦,去试试吧
)
标题:一般会使用
<h1>
到<h6>
分别表示不同大小的标题。
段落:
<p>
在p标签中的文本会自动换行,不在p标签中的,不会自动换行。
粗体:
b
是bold的缩写,仅仅表示该文本是粗体的,并不暗示这段文字的重要性。
strong
虽然也是粗体,但是更多的是强调语义上的加重,提醒用户该文本的重要性。 在SEO(搜索引擎优化)的时候,也更加容易帮助用户找到重点的内容
推荐使用strong。
斜体:
<i>
和<em>
都可以表示斜体效果。
预格式:有时候,需要在网页上显示代码,比如java代码 ,就需要用到pre。
删除效果:
<del>
即删除标签 ,delete的缩写。
下划线标签:
<ins>
即下划线标签,<u>
也可以不建议使用。
图像:
<img>
即图像标签 ,需要设置其属性 src指定图像的路径,width
和height
设置宽度和高度,居中center
,替换图片上的文字alt
,当图片存在的时候,alt是不会显示的
当图片不存在的时候,alt就会出现
超链接:
实例1:超链
<a>
标签即用来显示超链 ,完整元素是<a href="跳转到的页面地址">超链显示文本</a>
点我是可以跳的哦
实例2:在新的页面打开超链(新增属性target)( target="_blank")
在新的页面打开
实例3:超链上的提示文字(title=“跳转到某个页面”)
把鼠标放到我上面会有文字提示哦
实例4:使用图片作为超链(<a href="路径"><img src="图片路径"/></a>
)
表格:
<table>
标签用于显示一个表格<tr>
(table row)表示行<td>
(table data) 表示列又叫单元格
带边框的表格:border
宽度:width
单元格宽度绝对值:1单元格设置了宽度,那么2,和3单元格,会自动继承该宽度 (width=“100px”)单元格宽度相对值(width=“50%”)
单元格垂直对齐:设置td的属性valign(top、middle、bottom)
横跨两列, 水平合并:设置td的属性colspan
横跨两行, 垂直合并:设置td的属性rowspan
背景色:设置tr或者td的属性bgcolor
列表:
无序列表:<ul>
有序列表:<ol>
块div span
div布局: 这里使用了style外边距样式,margin-left:50px 指的是左边距50个像素
div和span的区别:
div是块元素,即自动换行
常见的块元素还有h1,table,p
span是内联元素,即不会换行
常见的内联元素还有img,a,b,strong
字体:使用
<font>
标签表示字体
字体元素:color和size, 分别表示颜色和大小
颜色表示方法:颜色对应的16进制,比如#ff0000 就表示红色。
颜色速查手册
内联框架:
<iframe src="http://www.baidu.com/" width="600px" height="400px"></iframe><iframe>
即内联框架 ,通过内联框架 可以实现在网页中“插入”网页,iframe相当于浏览器里面有个小浏览器,在这个小浏览器中,打开另一个网页。