百度前端技术学院--Day02

学习目标:

    对HTML和HTML5有一个更加深入的了解,了解HTML的语义化概念。

学习小结:

    一、很丑的一个codepen个人简历 https://codepen.io/polyla/pen/PaPrwz

    二、课后小验证:

        1.html是超文本标记语言(hyper text markup language),用来描述网页的一种标记语言,不是编程语言。

          html5是下一代的html。

        2.标签顾名思义,为某一元素贴上标签,让电脑能更好的识别,知道这是一个啥。

           属性是元素的附加信息。

        3.文档类型如:<!DOCTYPE>为html5版本的声明,作用是帮助计算机浏览器正确的显示网页。

        4.

META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD标记和<TITLE标记之间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级,等等。

        5.什么是语义化?其实简单说来就是让机器可以读懂内容。

        6.链接是可以通过一个网址跳转到另一个文档上,标签是<a href ---></a>

        7.额......暂时想到这些,后面继续补充

常用的标签 对应的作用
<html></html> 创建一个html文档
<head></head> 设置文档标题和其他在网页中不显示的信息
<title></title> 设置文章标题
<body></body> 设置文章正文部分内容
<h1></h1> 文章最大的标题
<p></p> 创建一个段落
<br/> 换行
<q></q> 短的引用
<a href></a> 超文本链接
<img src--> 图片

        8.表单相关如下:

元素 作用 相关属性
<form> 定义HTML表单 action、method、post/get、name、etc
<input> 最重要的表单元素,根据不同的type,选择不同的类型 type、method、name、value、etc
<select> 定义下拉列表 option
<textarea> 定义多行输入字段(文本域)  
<button> 定义可点击按钮  

        9.<li>:定义列表

           <ol>:有序列表

           <ul>:无序列表

            自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

吼吼吼,写完啦,带着问题去看资料果然比较有效呀~

一点小思考:

1.刚刚入门学习一门新的语言,重点应该放在大局上,对整体有一个大致的把握,在脑袋中有一个思维体系,不要死扣每一个细节,渴望学了一遍什么都记住了,这样很容易学不下去,然后一遍一遍的去看,不断的扩充这个体系(w3cschool),慢慢的就会对这个语言有一个很清晰的认识。

2.重点是多敲,多实践,多思考,刚刚开始可以先模仿别人代码敲一遍,后面自己敲,这样才能成为自己的东西。

3.前端是一个关于美的设计,学不在多而在精。打好基础!!!

PS:给csdn开发者提点儿小建议,如果文档能变成粉色的背景就完美了!





猜你喜欢

转载自blog.csdn.net/Pony_18/article/details/80554102