web前端基础入门day01
学习代码的第一天,觉得都不难就是要记得东西特别多,个人感觉,那下面就来看看有什么需要记得吧。
一、什么是html?html(超文本标记语言),是使用各种不同的标记符号来分别标识和设定不同的网页元素,html语言具有两种标记,双标记(即开始标记与结束标记)与单标记,它的功能可以分为:文本设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格、表单的操作,以及框架的建立。
二、初步学习html
html文件是一种文档类型文件,它可以用各种编辑软件打开。
首先一个网页是一个整体,基于html文档的基础上去用各种标记来使得页面内容丰富起来,,,其他的就不说那么多了,现在就让我们正式的步入学习吧。
DOCTYPE:文档类型的定义
首先在文件的顶部先声明html的文档类型,为什么要声明文档类型呢?
因为用户访问网页文件是通过浏览器来访问的,DOCTYPE是处于文档最上方的,它就是为了告诉浏览器此文档属于html或xhtml规范。
网页的基本元素
文字:网页中传达信息的重要主体
图像:视觉印象比文件强烈,容易吸引用户的眼球
超链接:可以作为(网页、图片、文件、程序)的连接点,可分为文本超链接和图像超链接。
三、认识标签
好了,前面也了解过啥是网页了,接下来就来认识认识网页中的主角了,标签。
网页文档也是有一定的编排方式的,例如说,它也有头部(head),身部(body)
首先我们来学习它的头部标签heda
heda标签里面存放的东西有(title,meta,base,style,script,link)在这当中,我们必须要设置的标签就是title标签
title标签的作用就是让此页面拥有一个属于自己的标题,还有就是在搜索引擎中占有很大的一个比重。
meta标签的内容在网页中无法显示出来,但是它又非常重要?为什么呢,因为搜索引擎能够搜索得到,故而很重要。
meta又包括有keywords(关键字)、description(简介)、刷新功能。
接下来我们来认识body,body在页面中起主体部分,它用来存放所有的html标签(p,h,a,b,u,i,s,em,del,ins,strong,img等)
常用的标签有:标题标签、段落标签、换行标签、注释标签、横线标签、字体设置标签
四、表格的正确打开方式
表格在早期的网站开发中占有很大的比例,随着不断地更新表格用的也越来越少了,也并不是说用不到了,它也有着独到的用途。
首先表格也有头部和身体,表头和表身,表格的代码很简单:
<th>表头
<caption>表格标题
<thead>头部
<tbody>表身
<border>表格的边框
<width>表格的宽度
<height>表格的高
在表格中最主要的代码还是两个<tr>(行)和<td>(单元格)
表格中没有列,所谓的列就是用一个个单元格而组成的,表格运用得好也是妙用无穷的
总的来说就是基础篇,简单的阐述了html的代码,深入的学习还在后头敬请期待下回更新吧。