CSDN认证C1等级考试——练习(三)
目录
HTML( Hypertext Markup Language)
任务一
⾸先,在开源富⽂本编辑器( 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