码迷,mamicode.com
首页 > Web开发 > 详细

HTML CSS入门必备知识 编写一篇博客(基础标签和图片下载) 个人简历的表格练习

时间:2020-01-06 13:05:10      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:没有   保存图片   center   合并   源码   rowspan   com   如何   系统   

关于HTML5的重要性

h1~h6标题标签

<i>斜体标签</i>

<hr>水平线

<br>换行

<b>加粗标签</b>

&nbsp 空格 如果没有使用特殊符号的标签空格,系统网页只会显示一个空格。

<img src="图片的地址"/>

  <ul>无序列表
   <li><a href=""></a></li>
   <li></li>
   <li></li>
   <li></li>
  </ul>

  <ol>有序列表
   <li><a href=""></a></li>
   <li></li>
   <li></li>
   <li></li>
  </ol>

技术图片

 

 

技术图片

 

<del>中部删除线</del>

<sup>文字变上标</sup> 可以插入很多东西比如图片啥的。

<u>下划线</u>

<center>把文字居中</center>

技术图片

 

 

网页中如何保存图片无法直接另存为的图片

1、F12进入开发试图

2、Elements 小箭头选取图片技术图片

 

 3、找到对应源码再查看样式,找到background-image右键点击 open in new tab(在新窗口中打开)就可以打开了。

技术图片

 

案例个人简历实现

技术图片

首先进行表格延长一共是 六行七列。

然后根据需要进行删除合并。

 

技术图片

 

colspan="X" 占据X列

rowspan="X"  占据X行

HTML CSS入门必备知识 编写一篇博客(基础标签和图片下载) 个人简历的表格练习

标签:没有   保存图片   center   合并   源码   rowspan   com   如何   系统   

原文地址:https://www.cnblogs.com/Dmand/p/12155414.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!