CSDN认证C1等级考试——练习(三)

CSDN认证C1等级考试——练习(三)

目录

任务一

任务二

HTML( Hypertext Markup Language)

CSS(Cascading Style Sheets)


任务一

⾸先,在开源富⽂本编辑器( https://summernote.org/ )中随便输⼊⼀段⽂本。

富文本编辑器,Rich Text Editor, 简称 RTE, 是一种可内嵌于浏览器,所见即所得的文本编辑器。

富文本编辑器不同于文本编辑器,程序员可到网上下载免费的富文本编辑器内嵌于自己的网站或程序里(当然付费的功能会更强大些),方便用户编辑文章或信息。比较好的文本编辑器有kindeditor,fckeditor等。

查看源码:

添加一个link链接,点击可以转到CSDN官网:

任务二

code.org上以「所⻅即所得(WYSIWYG)」的⽅式完成HTML和CSS系列⽹⻚开发任务(https://studio.code.org/s/csd2-2019)

HTML( Hypertext Markup Language)

因为之前接触过很长一段时间的前端,且此次学习的过程中知识点比较细小繁多,就没有一一截图,直接将知识点总结如下:

index.com  主网页

常见tags:

<head></head>网页标题

<body></body>内容

<b>加粗

<br>换行

<p></p>另起一行

<h1><h2><h3>......<hn>字体大小:数字越小,字体越大。

<ol></ol> 有序列表(ordered lists)

<ul></ul> 无序列表(unordered lists)

<li></li> 单个列表标签

<img src="image filename" alt="image description">图片(image)

<!-- -->注释

<a href="name.html">link text</a>超链接    (hypertext reference超文本链接)

HTML tags. 

<link rel="stylesheet" href="style.css">

CSS(Cascading Style Sheets)

text-decoration: value/underline

text-align: value  文本位置

font-size: value 字号(px)

font-family: value

color: value

width: value 宽度

height: value  高度

margin: value 边缘,页边空白

border-width: value  边框宽度

border-style: value

border-color: value

border-radius: value  (半径,圆角)

background-color: value 

float: value

color:rgb(red, green, blue) 自定义颜色

class=""

Shift+[   

  • Define: Read the rubric so you know what is expected
  • Plan: Decide what you still need to work on and put those things in priority order
  • Try: Implement your improvements to your personal website.
  • Reflect: Get feedback from a classmate and decide what of that feedback to act on.

通过任务三的学习,加深了对HTML和CSS技术的理解。

放一张之前自己写的网页,就是图片都找不到了,通过这次的学习复习了一些以前的知识点,加深了对HTML和CSS的理解,又学习了一些新的标签,受益匪浅,今后还要更加努力学习网页前端的知识。

参考文献:https://baike.so.com/doc/7546675-7820768.html

 

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

肆〇

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值