近期在学习Web项目研发技术,其中就触及到了关于写前端页面的有些基本知识,本篇文案嘞我将要介绍一下下关于写前端页面的有些很基本很基本的知识(这些亦是我在做第1次作业---个人简历其中都会运用到的知识啦~)亦能够让初学html的小伙伴们更好的认识html!
1、HTML基本
1、HTML的简介
HTML是超文本标记语言( Hyper Text Markup Language)的缩写,HTML 不是一种编程语言,而是一种标记语言 (markup language) ,标记语言是一套标记标签(markup tag) ,HTML 运用标记标签来描述网页。
2、HTML标签
HTML 标签是由于尖括号包裹的重要词,例如 <html> ,一般是成对显现的,例如 <a> 和 </a> ,即为起始标签(开放标签)和结束标签(闭合标签)。
HTML 文档 = 网页即HTML 文档描述网页,HTML 文档包括 HTML 标签和纯文本,Web 浏览器的功效是读取 HTML 文档,并以网页的形式表示出它们。浏览器不会表示 HTML 标签,而是运用标签来解释页面的内容。
3、HTML元素
HTML 元素指的是从起始标签(start tag)到结束标签(end tag)的所有代码。元素语法如下:
HTML 元素以起始标签初始,以结束标签终止。元素的内容是起始标签与结束标签之间的内容,某些 HTML 元素拥有空内容(empty content),空元素在起始标签中进行关闭(以起始标签的结束而结束),大都数 HTML 元素可持有属性。
4、HTML属性
HTML 标签能够持有属性。属性供给了相关 HTML元素的更加多的信息。
• 属性总是以名叫作/值对的形式显现,例如:name="value"。
• 属性总是在 HTML 元素的起始标签中规定。HTML 链接由 <a> 标签定义。链接的位置在 href 属性中指定:<a href=“https://www.baidu.com”>百度</a>
2、HTML标签
常用标签
div:暗示一个区块或区域,能够看成一个容器,盒子。功效:用来把网页分块并且里面能够装任意的html元素。
span:暗示一个小区快,例如有些文字,span和div的区别便是span能够在一行内表示而div独霸一行。
p:是段落标签,一般用来装一整段文字,在一篇文案中常用。
h1-h6:h1到h6暗示六级标题,表现出来的效果便是从h1起始文字体积逐步变小。
ul li:ul为没序列表标签,li为里面的每一个列表项目。功效:各样菜单,各样资讯排行都能够用没序列表来实现。
img:暗示图像,能够引入一张照片。相对路径和绝对路径:img标签有个src属性,它的值是照片的位置,能够是网络位置亦能够是本地位置,倘若是本地路径的话,就要区分是相对路径还是绝对路径。
绝对路径:在硬盘上的详细位置,例如:“E:\www\html\frog.jpg”。
相对路径:相针对当前的html文件来讲照片的详细位置能够分为同级(./frog.jpg)、下一级(./img/frog.jpg)、上一级(../img/frog.jpg)。
alt属性暗示当照片无被加载的时候表示的文字。
title属性暗示当鼠标移动到照片的时候表示的文字。
a:暗示超链接,target属性值“__
|