C1能力认证考试 | 训练任务03-Web基础与布局_c1能力认证任务03-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_46642516/article/details/117992953

Web基础与布局

任务一：使用富文本编辑器

1：首先打开富文本编辑器

输入下面的代码。
<p> </p> HTML中的一个段落
在这里插入图片描述

2：上面只是小试一下，现在我们要做的是下面这些东西。

在这里插入图片描述

<p> </p>	HTML中的一个段落
style=""	规定元素的行内样式
color=""	HTML5 不支持。HTML 4.01 已废弃。 规定文本的颜色。
<br>	换行
<table>	定义表格
<tr></tr>	定义表格的行
<td></td>	定义表格的单元
<botton></botton>	定义一个按钮
οnclick=""	当单击鼠标时运行脚本

实现代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
 <p style="color: rgb(255, 0, 0);">优快云能力认证中心</p>
 <table  border="1" cellspacing="1" cellpadding="1">
    <tr style="background-color: silver;"> 
        <td>C1</td>
        <td>见习工程师认证</td>
    </tr>
    <tr style="background-color: rgb(255, 255, 255);"> 
        <td>C2</td>
        <td>专项工程师认证</td>
    </tr>
    <tr style="background-color: silver;"> 
        <td>C3</td>
        <td>全柞工程师认证</td>
    </tr>
</table>
<br />
<button border="1" cellpadding="1" cellpadding="1" onclick="alert('开始考试')">
    我要考试
</button>
</body>