这是我参与「第五届青训营」伴学笔记创作活动的第 1 天

前端技术栈

前端关注点

从以前写过的几个练手项目可以总结，每次都只是注重功能的完成度，甚至有时候时间紧，原本自己拟定的功能点图的一些比较杂的点都没有完成，安全也只是注重了很小一部分，其余的是有心而余力不足或者是根本没有想到过。

引用标签

使用cite标签来定义作品的标题：

<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>

效果：

The Scream by Edward Munch. Painted in 1893.

使用blockquote标签定义一个摘自另一个源的块引用：

<blockquote cite="http://www.worldwildlife.org/who/index.html">  
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.  
</blockquote>

效果：

For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.

使用q标签是用于对段落中一小段引用的话加引号，比如引用一句诗。

<p>其他内容.....<q>诗词<q/>.....<p/>

效果：

其他内容.....诗词.....

代码标签

code标签是一个短语标签，用来定义计算机代码文本。

<p>一段电脑代码 <code>print("Hello World")</code></p>

效果：

一段电脑代码 print("Hello World")

还可以使用pre标签和code标签引用较长的代码

    <pre>
        <code>
            #include<stdio.h>
            #include<stdlib.h>
            //YPrivate是命名空间的名字，可以根据自己的要求随意起名
            //不过在一般开发中，一般是用项目名字做命名空间名。
            namespace YPrivate   
            {
                    int rand = 0;
            }

            int main()
            {
                    printf("%d\n", rand);

                    return 0;
            }
        </code>
    </pre>

        
        #include
        #include
        //YPrivate是命名空间的名字，可以根据自己的要求随意起名
        //不过在一般开发中，一般是用项目名字做命名空间名。
        namespace YPrivate   
        {
            int rand = 0;
        }
        int main()
        {
            printf("%d\n", rand);
            return 0;
        }

强调标签

strong标签是一个短语标签，用来定义计算机程序的样本重要的文本。

我们<strong>一定要好好学习</strong>

效果：

我们一定要好好学习

em标签是一个短语标签，用来呈现为被强调的文本，语气上或者其他。

we <em>are</em> family

效果：

we are family

文章标签

<article>
  <h1>Internet Explorer 9</h1>
  <p>Windows Internet Explorer 9（简称 IE9）于 2011 年 3 月 14 日发布.....</p>
</article>

效果：

Internet Explorer 9

Windows Internet Explorer 9（简称 IE9）于 2011 年 3 月 14 日发布.....

导航栏标签

nav标签用于表示HTML页面中的导航

<nav> <a href="/html/">HTML</a> | <a href="/css/">CSS</a> | <a href="/js/">JavaScript</a> | <a href="/jquery/">jQuery</a> </nav>

效果：

HTML | CSS | JavaScript | jQuery

[ 前端与 HTML | 青训营笔记]