html网页开发基础

简介: 讲述html代码结构和基本使用,查看更多...

一、html具体是什么?

hyper text mark language超文本标记语言

使用什么标签呢?

<html></html>

标签特点是什么?

1.成对出现

2.用尖括号

特殊的情况举例:

1.换行

<br>

<br></br>

<br />

2.线

<hr>

<hr/>

等等其它还有一些标签也是单个结束的。

二、html的代码结构是怎样的?

网页基本代码结构:

<html>

  <head></head>

  <body></body>

</html>

head和body之间的区别?

head标签:

1.可以写网页名称(显示在浏览器的左上方),网页名称用标记<title></title>

2.可以写css,使用标记<style></style>

3.可以写js(javascript一种脚本语言),使用<script>标记

4.可以导入链接<script>的js链接或者css的link导入外部css文件

5.meta标签,加载网页的作者、网页描述、网页适配代码等等这些文件的代码。

这head中的加载内容不作为显示。

body标签:

这里主要用来显示网页的内容。

提问:有时候只有文字的文件,扩展名改为html后,为什么也能够显示出来?

因为浏览器默认加载了在这个文字外面套了html基本结构代码,把这些文件放到了body标签中。

相关文章
|
7月前
|
移动开发 前端开发 安全
|
7月前
|
前端开发
|
7月前
|
前端开发 JavaScript
|
11月前
|
人工智能 前端开发 JavaScript
前端基础之HTML
Web1.0、Web2.0 和 Web3.0 标志着互联网发展的三个阶段。Web1.0(静态互联网,1990年代初至2000年代初)以静态内容和单向信息流为主,用户仅能浏览。Web2.0(互动互联网,2000年代初至2010年代初)引入了用户生成内容和社交网络,内容动态且互动性强。Web3.0(语义互联网,2010年代至今)强调语义化、个性化、智能化及去中心化,结合AI、区块链等技术,提供沉浸式体验。HTTP和HTML作为互联网基础协议和技术,在各阶段不断演进,共同推动了现代互联网的发展。
前端基础之HTML
|
Web App开发 存储 移动开发
前端基础(十七)_HTML5新特性
本文概述了HTML5的关键新特性,包括canvas图形绘制、多媒体的`video`和`audio`元素、本地存储功能、语义化标签(如`header`、`footer`、`nav`等)及其新增表单控件和属性(如`url`、`email`、`date`类型输入框等)。这些改进增强了网页的功能性和用户体验。
242 1
前端基础(十七)_HTML5新特性
|
前端开发 JavaScript 数据安全/隐私保护
【前端基础篇】HTML零基础速通2
【前端基础篇】HTML零基础速通
138 2
|
Web App开发 移动开发 前端开发
【前端基础篇】HTML零基础速通1
【前端基础篇】HTML零基础速通
134 1
|
JavaScript 前端开发
前端基础 -JQuery之val,text,html
前端基础 -JQuery之val,text,html
195 1
|
前端开发
前端基础(二)_HTML常用标签(块级标签、行级标签、行块级标签)
本文详细介绍了HTML中的常用标签,包括块级标签(如`h1`至`h6`、`p`、`div`等)、行级标签(如`span`、`b`、`strong`、`i`、`em`、`sub`、`sup`、`del`、`a`等),以及行块级标签(如`img`)。文章解释了这些标签的用途、特点和基本用法,并通过示例代码展示了如何在HTML文档中使用它们。
1209 1
|
移动开发 前端开发 程序员
后端程序员的前端基础-前端三剑客之HTML
后端程序员的前端基础-前端三剑客之HTML
141 9