学习目标:
对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开发者提点儿小建议,如果文档能变成粉色的背景就完美了!