任务一学习-CSDN博客

本文链接：https://blog.csdn.net/L2213041939/article/details/127605957

任务一

一.认识网页
了解网页是由文字，图片，音频等元素构成实质为一种代码具体为由html构建基本骨架确定网页内容，再由CSS来进行外观塑造，最后由javaScript来网页交互
二.使用工具为VScode
请添加图片描述安装相关扩展包帮助网页制作和VScode使用了解到可以输入“！”回车来快速创建网页基本骨架

三.html输出
代码部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>任务一</title>
</head>
<body>
<form>
     <label for="1">学号</label><input type="text" id="1"/><br/>
     <label for="2">名字</label><input type="text" id="2"/><br/>
      <input type="button" value="登录"/><input type="button" value="注册"/>
</form>
</body>
</html>

制作网页部分
请添加图片描述四.html相关笔记
了解到标签类型有双标签如段落标签和单标签图像标签,任务所用标签为表单标签中的表单控件（表单元素），属于输入类 input type=" "这种标签常常配合标注标签使用来定位光标方便使用。

<p>段落标签</p>
换行单表签</br>
分块标签<div> </div>
图像标签<img src="">
超链接标签<a href=""> </a>在代码中添加id，超链接标签还可以变为锚点标签<a href="#id"> </a>
注释标签<!--文字-->
表格标签<table>
<tr>
<td> </td>
</tr>
</table>可以在<table>后面加元素来规定表格形式
列表标签分为无序列表
<ul>
<li> </li>
</ul>
有序列表
<ol>
<li> </li>
</ol>
自定义列表
<dl>
<dt></dt>
<dd></dd>
</dl>

五.学习了markdown语法
这是一种标记语言，方便记笔记和修改具体为
1.代码块为···+代码名称
2.标题为#+文字，分为六级标题，分别对应相同数量的#
3.有加粗和高亮和~~删除线~~和斜体

**加粗**，==高亮==，~~删除线~~，*斜体*

4.分割线为三个连在一起的*

5.图片插入！【图片名字】（图片链接）英文状态下可用或三个-
7.超链接【超链接名字】（链接）
8.表格可由自定义快捷键插入也可以

内容	内容	内容
内容	内容	内容

|内容|内容|内容|
|---|---|---|
|内容|内容|内容|

来打出表格