🎃个人专栏:
🐬 算法设计与分析:算法设计与分析_IT闫的博客-CSDN博客
🐳Java基础:Java基础_IT闫的博客-CSDN博客
🐋c语言:c语言_IT闫的博客-CSDN博客
🐟MySQL:数据结构_IT闫的博客-CSDN博客
🐠数据结构:数据结构_IT闫的博客-CSDN博客
💎C++:C++_IT闫的博客-CSDN博客
🥽C51单片机:C51单片机(STC89C516)_IT闫的博客-CSDN博客
💻基于HTML5的网页设计及应用:基于HTML5的网页设计及应用_IT闫的博客-CSDN博客
🥏python:python_IT闫的博客-CSDN博客
欢迎收看,希望对大家有用!
目录
🎯个人简历表格:
🥏涉及知识点:
💻代码展示:
🥽实现效果:
🎯伪类选择器应用:
🥏涉及知识点:
💻代码展示:
🥽实现效果:
🎯个人简历表格:
🥏涉及知识点:
:定义一个表格,用于展示个人简历的各个信息。:表格标题,显示为"个人简历"。:表示表格中的一行。:表示表格中的一个单元格。class="tdbgc":给指定的单元格设置一个名为"tdbgc"的类,用于设置背景色为灰色。rowspan="5":用于合并单元格,将图片单元格跨越5行。![]() :插入一个图片,src属性指定图片的路径。:定义了表格的样式,如宽度、边框、字体等。- CSS选择器(例如".pic"):通过CSS选择器选中指定的元素,并对其进行样式设置。
💻代码展示:
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=" -width, initial-scale=1.0"> border: solid 3px #000033; border-collapse: collapse; <td rowspan="5" class="pic"><img src="images/boy.jpg" alt="">td> <td class="tdbgc">出生日期td> <td class="tdbgc">婚姻状况td> <td class="tdbgc">身高体重td> <td class="tdbgc">健康状况td> <td 求职意向 class="tdbgc">求职意向td> <td colspan="4">计算机教育培训机构、软件公司td> <td class="tdbgc">毕业院校td> <td colspan="2">河南科技大学td> <td class="tdbgc">联系电话td> <td colspan="2">11111111@qq.comtd> <td class="tdbgc">语言能力td> <td colspan="4">普通话:标准 英语:熟练td> <td class="tdbgc">主修课程td> <td colspan="4">c、c++、c#、操作系统、数据结构、数据库td> <td class="tdbgc">个人技能td> <td colspan="4"><p>1.熟悉客户端与服务器的脚本编写p><p>2.熟悉手机app的开发p>td>
🥽实现效果:

🎯伪类选择器应用:
这段代码创建了一个带有样式的表格,用于展示图书的信息,包括图书名称、出版社、出版日期和价格。表格使用不同的颜色来区分奇偶行,并在鼠标悬停时应用另一种背景颜色。
🥏涉及知识点:
-
: 这是文档类型声明,指定了文档使用的HTML版本。 -
: 这是HTML元素的开始标签,lang属性指定了文档的语言为英语。 - : 这是头部标签,用于定义文档的头部信息,如标题、样式表等。
-
: 这是一个元数据标签,指定文档使用的字符编码为UTF-8,确保页面能正确显示中文等非ASCII字符。 -
: 这个元数据标签定义了文档在使用IE浏览器时的兼容性设置。 -
: 这个元数据标签定义了文档在移动设备上的视口(viewport)设置。 - Document: 这是文档的标题,将显示在浏览器的标题栏或标签页上。
-
|