Java--第1天--Html(一)

温馨提示:
本人在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指定图像的路径,widthheight设置宽度和高度,居中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> 即内联框架 ,通过内联框架 可以实现在网页中“插入”网页,iframe相当于浏览器里面有个小浏览器,在这个小浏览器中,打开另一个网页。

<iframe src="http://www.baidu.com/" width="600px" height="400px"></iframe>

友情链接:http://how2j.cn?p=36286

猜你喜欢

转载自blog.csdn.net/qq_41293896/article/details/86498766