【HTML5】入门

北京不会遇到西雅图

已于 2022-04-22 23:22:43 修改

阅读量78

点赞数 1

分类专栏：前端开发文章标签：前端 html5

于 2022-04-10 16:44:26 首次发布

本文链接：https://blog.csdn.net/m0_52396087/article/details/124080995

版权

前端开发专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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>

北京不会遇到西雅图

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【HTML5】入门

HTML5 入门学习（部分）
复制链接

扫一扫

专栏目录