0
点赞
收藏
分享

微信扫一扫

HTML_002

青青子衿谈育儿 2022-04-13 阅读 71
前端html5

HTML Unit-2

一 HTML 表格

在这里插入代码片<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>计算器就业岗位</title>
</head>
<body>

<h3>计算机科学与技术,软件工程专业</h3>
<table border="1">

    <tr>
       <th>编号</th>
        <th>岗位</th>
        <th>岗位简介</th>
        <th> 岗位薪资</th>
    </tr>
    <tr>
        <td>1</td>
        <td>java研发工程师</td>
        <td>需求第一</td>
        <td>10k-20k(要能独立开发项目)</td>
    </tr>
    <tr>
    <td>2</td>
        <td>web前端开发工程师</td>
        <td>比较缺人</td>
        <td>10k-15k(能独立开发项目)</td>
    </tr>
    <tr>
        <td>3</td>
        <td>嵌入式c/c++开发工程师</td>
        <td>严重缺人,工资较高</td>
        <td>10k-20k(能独立开发项目)</td>
    </tr>
    <tr>
        <td>4</td>
        <td>售前工程师</td>
        <td>技术性销售,需要懂点技术</td>
        <td>?</td>
    </tr>
    <tr>
        <td>5</td>
        <td>软件工程师</td>
        <td>编程少,但也要编程</td>
        <td>8k-5k</td>
    </tr>

    <tr>
        <td>6</td>
        <td>实施工程师</td>
        <td>需要出差</td>
        <td>10k-18k</td>
    </tr>
    <tr>
        <td>7</td>
        <td>需求分析工程师</td>
        <td>不编程,写word文档</td>
        <td>10k-18k</td>
    </tr>
</table >
<h3>网络工程</h3>
<table border="1">
    <tr>
    <th>编号</th>
    <th>岗位</th>
     <th>岗位简介</th>
     <th> 岗位薪资</th>
    </tr>

    <tr>
       <td>
       <td>1</td>
       <td>网络工程师</td>
       <td>和计科一样</td>
    </tr>

    <tr>
       <td>
       <td>2</td>
       <td colspan="3">和计科 软工 一样</td>
    </tr>

</table>





</body>
</html>

二 html 图片

在这里插入代码片<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html图片使用</title>
</head>
<body>
 <h1>图片的使用</h1>
<img src="images/wallhaven-rdj1qj_2560x1600.png" width="500px" title="1">

</body>
</html>

三 超链接

  • 汉字单纯的超链接
  • 图片带超链接

四 html 列表

  • 无序列表
  • 有序列表
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接学习</title>
</head>
<body>
<h1>我们在编程序,不是程序遍我们</h1>
<a href="https://www.bilibili.com">Bilibili</a>
<br>
<a href="hproject003.html">链接到自己的网页上</a>

<a href="http://wwww.jobui.com">
    <img src="images/wallhaven-rdj1qj_2560x1600.png" width="400">

</a>
</body>
</html>

五 html 区块

-div 网页布局 css+ div 做网页布局
做网页布局的人不是开发人员,而是网页美工
默认有换行效果
-span
没有换行效果

在这里插入代码片<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html区块</title>
</head>
<body>


<h2>html 区块   网页上的区域</h2>
<div>
    这是第一个div

</div>

<div>
    这是第二个div

</div>

<div>
    这是第三个div

</div>


<span> 用户名格式不正确</span>
<span>必须选择性别</span>







</body>
</html>

六 html的颜色

-可以用颜色名
-可以用颜色值, 16进制 以#开头

  • RGB red green blue
在这里插入代码片<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>颜色</title>
</head>
<body bgcolor="#OE693E">

</body>
</html>
举报

相关推荐

html表单与html5新特性002

002.预科

Mysql 002 DDL

Python练习002

Python学习002

002颜色分类

002.光纤

0 条评论