美文网首页
网页开发基础小知识

网页开发基础小知识

作者: 影子_8736 | 来源:发表于2018-08-30 23:30 被阅读0次

HTML

HTML 是用来描述网页的一种语言。

HTML指的是超文本标记语言 (Hyper Text Markup Language)

HTML使用 标签 来描述网页


HTML基础语法

HTML 标记标签通常被称为 HTML 标签 或HTML元素

有封闭类型标签也有非封闭类型标签

1.封闭类型标签     

例如:<a></a>, <p></p>,<div></div> ('<a>,<p>,<div>'为开始标签,'</a>,</p>,</div>'为结束标签)这些标签是要成对出现的。

2.非封闭类型标签,也称作空元素

例如:<img/>,<hr/>,<br/>

注意:<!-->该标签是注释,注释的内容不会被浏览器解析,且不会显示在页面中,HTML对大小写不敏感,推荐使用小写.


元素属性 - (元素的最完整表现)

属性为HTML元素提供附加信息

属性总是以名称/值(name="value")对的形式出现

属性总是在HTML元素的开始标签中规定。

eg:<div  属性名称='属性值'></div>

eg:<a href = 'http://www.baidu.com'>点击</a>. (a标签是个超链接,点击后就会跳转到 href属性下的值也就是http://www.baidu.com 链接了)

每个元素都会具备的通用属性

id : 定义每个标签的唯一标识(一个标签只能拥有一个id,一个id名只能出现一次)

title:鼠标移入元素时显示的提示文本

class:样式相关,类样式

style:样式相关,行内样式


HTML文档基本结构

”HTML文档就是对一个文档的描述,都有一个固定的结构,分为许多个部分,每个部分都包含了一个或者多个元素。有些元素用于描述文档的基本信息,有些则描述文档结构,下面就是一个基本的HTML文档的结构:

该HTML文档描述了一个空白页,这些基础成分确定了HTML文档的轮廓以及浏览器的初始环境。

DOCTYPE元素

DOCTYPE元素可以省略,大多数浏览器仍能正确显示文档内容,不过依赖浏览器的这种表现不是好习惯。该元素告诉浏览器两件事情:

1)它处理的是HTML文档;

2)用来标记文档内容的HTML所属的版本,上面的写法就表明所用的是HTML5。

html元素

html元素是根元素,它表明文档中HTML部分的开始。lang属性指定页面内容的默认语言,例如:en表示英语,es表示西班牙语,等。

head元素

head元素包含文档的元数据,向浏览器提供有关文档内容和标记的信息,还可以包含脚本和对外部资源(比如CSS样式表)的引用。

body元素

文档body部分包含访问者可以看到的内容,前面说到的展示元素一般写在这里面。

在有了这个基本的结构后,我们后面就可以将HTML的其它元素逐步添加进去,不断的丰富文档,最终得到我们希望的页面。

相关文章

  • 网页开发基础小知识

    HTML HTML 是用来描述网页的一种语言。 HTML指的是超文本标记语言 (Hyper Text Markup...

  • 网页前端开发基础知识

    刚接触网页前端!在网上搜了很多的关于网页前端相关资料,都不尽人意,主要是感觉难! 本文很多来源w3school 在...

  • 网站前端开发基础知识学什么?必备技能

    网站前端开发基础知识学什么?Web前端开发网页制主要由HTML、CSS、JavaScript三大要素组成。随着企业...

  • 移动网页开发基础知识

    随着微信公众号开发和混合app开发的普及,越来越多的人从传统网页开发转向移动网页开发。而移动网页开发有自己的特点,...

  • 微信小程序日历组件开发

    # 微信小程序日历组件开发 微信小程序基础知识 微信小程序 框架介绍 组件文档 上述是开发小程序的基本知识。 今天...

  • [Web后端]浅谈前后端开发的技术原理

    本文涉及网络基础,网络编程,及网页设计的相关知识。在了解Web开发是,为了形成系统的知识体系,进行归纳与总结。 1...

  • Web 服务器有哪些

    作为一名Android开发人员,对于服务器端的知识也需要学习。 Web 基础知识 动态网页[https://bai...

  • 快速上手小程序

    最近开发了几个小程序,基本上是一两天掌握开发技能,分享下经验。 前端基础 开发小程序需要掌握基础知识(这里只介绍重...

  • 02 Vue3 从读懂第一个页面代码开始

    前置知识 准备开始使用 Vue3开发,需要具备一定的基础知识 了解什么是HTML: 超文本标记语言,用来写网页的基...

  • 一篇文章学习 Python 网络爬虫

    一、爬虫开发基础 爬虫基础分为 Python 基础,网页常识和网页分析三部分。 学习爬虫需要有简单的 Python...

网友评论

      本文标题:网页开发基础小知识

      本文链接:https://www.haomeiwen.com/subject/drljwftx.html