从零开始学web开发之html5-2.基本标签

最新推荐文章于 2024-07-01 01:43:04 发布
最新推荐文章于 2024-07-01 01:43:04 发布
阅读量290 收藏
点赞数
分类专栏： Web_Html5 WEB基础入门学习 文章标签： H5 WEB
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pigdreams/article/details/79823120
版权

1.HTML基本结构

  1. 文档声明<!DOCTYPE html>

    声明这是一个HTML文档

  2. html标签对<html></html>

    让浏览器识别整个网页的开始与结束 ,<html xmlns=http://www.w3.org/1999/xhtml>表示该网页用的w3c组织的xhtml规范。h5已简化为<html>

  3. head标签对<head></head>

    页面的头部，内部只能定义一些特殊的内容

  4. body标签对<body></body>

    页面的主体，绝大多数的标签代码都是在body标签对内部编写

2.head标签

1-<title>

唯一作用就是定义网页的标题,指的是浏览器上栏的标题，打开浏览器标签栏第一眼看到的文字。

2-<meta>

又名元信息标签,是head标签内的一个辅助性标签。

meta标签内的信息不显示在页面中,多用以定义页面的关键字、页面的描述等来方便搜索引擎进行查找。

meta两个重要属性name和http-equiv

name主要属性值
属性值说明
keywords网页的关键字(可多个,用逗号隔开)
description网页的描述
author网页的作者
copyright版权信息
示例:<meta name="keyworks" content="html5"/>
http-equiv属性

1.定义页面所使用的语言

<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
现已简化为<meta charset=utf-8>

2.实现页面的自动刷新跳转

<meta http-equiv="refresh" content="秒数;url=网址"/>

秒数是一个整数，经过几秒进行刷新跳转,网址是刷新跳转的地址

用以引用外部CSS样式文件.也可用以引用图片、脚本等
语法:

<link href="文件名.css" rel="stylesheet"/>

4-<style>

用于定义元素的CSS样式.
语法

<style type="text/css">
</stype>

5-<script>

用于定义页面的JavaScript代码
语法:

<script type="text/javascript">
</script>

6-<base>

定义页面所有链接的基础定位
无太大作用可忽略不计。

3.body标签

定义了网页主题内容的开始和结束，基本所有的标签都位于body标签内部。

4.HTML注释

<!-- 表示注释的开始

-->表示注释的结束

5.示例链接，可右键查看源码

这里写链接内容

6.学习素材

学习HTML的基础知识都来自于下面这本书，有兴趣者可去详细参阅。
这里写图片描述

pigdreams
关注
专栏目录
Web前端html5+css3前端开发入门学习笔记
m0_62516225的博客
10-16 2144
Web前端html5+css3前端开发入门学习笔记
从零开始学WEB前端——HTML理论讲解
su_zui的博客
02-07 1万+
????项目介绍 先做个自我介绍，本人是一个没人写前端所以就自学前端的后端程序员????。在此项目中我会和大家一起从零基础开始学习前端，从后端程序员的视角来看前端，受限于作者的水平本项目暂时只会更新到前端框架VUE，不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员????。 该项目的学习顺序是按照我自己学习时总结出来的，其中的每个知识点都是我认真去理解的，同时也查了很多的资料，所有的参考资料我都放在了文章末尾。尊重开源，尊重知识产权。每一个案例我都亲手写过
web从零开始做网站：一.HTML基础与工具选择
xcuweilai的博客
05-16 1399
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、HTML的概念1.网页的本质2.HTML2.1标签的语法规范（这里简略概括）2.2html的骨架二、开发工具1.文本编辑工具（替代我们的文本工具）2.集成开发环境三.HBuilder（国产，对中文友好）总结 前言 HTML基础与工具选择 提示：以下是本篇文章正文内容，下面案例可供参考 一、HTML的概念 1.网页的本质 我们可以进行实操感受一下： 首先新建一个txt文本文件，在其中输入内容 保存后我们把它直接从桌面拽.
【前端】从零开始学习编写HTML
最新发布
Eristic0618的博客
07-01 2612
本篇文章围绕HTML展开讲解，包含前端和HTML的概念、HTML文档的基本结构、HTML常见标签和实现简单的网页等内容
从零开始学WEB前端——HTML实战练习
su_zui的博客
02-09 1万+
????项目介绍 先做个自我介绍，本人是一个没人写前端所以就自学前端的后端程序员????。在此项目中我会和大家一起从零基础开始学习前端，从后端程序员的视角来看前端，受限于作者的水平本项目暂时只会更新到前端框架VUE，不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员????。 该项目的学习顺序是按照我自己学习时总结出来的，其中的每个知识点都是我认真去理解的，同时也查了很多的资料，所有的参考资料我都放在了文章末尾。尊重开源，尊重知识产权。每一个案例我都亲手写过
从零开始学习移动端Web开发
热门推荐
前端向朔
05-11 5万+
背景 近年来，随着智能手机的普及，移动端开发受到了异常的关注。从传统的安卓、IOS原生手机系统应用开发，转向了移动端Web开发或者是混合开发，既然有需求，那就让我们一起来学习移动端Web开发吧。本文旨在让读者以最快的时间了解移动Web开发基础以及介绍一些常见问题。基础准备首先我们要有HTML/HTML5、CSS/CSS3基础知识（会简单的切图就可以了） ，如果能懂点JS那就更好啦。其次我们要清楚一些
从零开始学WEB前端——JavaScript-DOM操作
su_zui的博客
03-12 2897
📓项目介绍 先做个自我介绍，本人是一个没人写前端所以就自学前端的后端程序员🙇。在此项目中我会和大家一起从零基础开始学习前端，从后端程序员的视角来看前端，受限于作者的水平本项目暂时只会更新到前端框架VUE，不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员😂。 该项目的学习顺序是按照我自己学习时总结出来的，其中的每个知识点都是我认真去理解的，同时也查了很多的资料，所有的参考资料我都放在了文章末尾。尊重开源，尊重知识产权。每一个案例我都亲手写过并觉得不错才放上去
零基础学习WEB前端开发(五)：HTML图像标签
陶小桃Blog
10-22 1236
一、图像标签和路径 1.必须的参数：src <img src="被引用图像的地址URL" > src是<img>必须的属性，用于指定图像中的路径和文件名 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &
web前端之html图片操作详解从零开始（三）----img标签
李海明的博客
02-25 1万+
<!DOCTYPE html> <html> <head> <title>Image.html</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!-- HTML 图像- 图像标签（ <img>）和源属性（Src） 在 HTML 中，图像由<img> 标
从零开始学WEB前端——开篇
su_zui的博客
02-01 2363
从零开始学WEB前端——开篇项目介绍 祝大家新年快乐，在新的一年中我会和大家一起学习WEB 先做个自我介绍，本人是一个没人写前端所以就自学前端的后端程序员????。在此项目中我会和大家一起从零基础开始学习前端，从后端程序员的视角来看前端，受限于作者的水平本项目暂时只会更新到前端框架VUE，不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员。
python 零基础学习篇正式课-07.数据爬虫企业实战.zip
05-01
数据爬虫企业实战”旨在帮助初学者从零开始掌握Python爬虫技术，并将其应用于实际的企业项目中。 一、Python基础知识 在学习数据爬虫之前，你需要对Python的基础语法有所了解，包括变量、数据类型（如字符串、列表...
渐变色应用程式官网HTML5模板-appol.zip
11-17
通过使用这个HTML5模板，开发者可以快速搭建一个时尚、专业的应用程序官网，无需从零开始设计。只需根据自己的需求进行内容替换和定制化调整，即可呈现出一个独特且富有吸引力的在线展示平台。同时，模板的响应式...
从零基础开始入门学习html5、css3、javascript,从初级开始学习前端知识.zip
10-20
HTML5、CSS3和JavaScript是构建现代Web应用的基础技术，对于初学者来说，这是一个极好的起点，能够让你从零开始逐步掌握前端开发的核心知识。在这个压缩包中，“oeasy-html5-tutorial-master”可能是一个教程项目的...
Web前端入门：从零开始做网站.txt打包整理.zip
03-05
"Web前端入门：从零开始做网站.txt打包整理.zip" 这个标题揭示了我们即将探讨的主题是关于Web前端开发的基础知识，特别适合初学者。"从零开始做网站"表明这份资料将涵盖从无到有创建一个网站的全过程，包括基本概念...
从零开始学web开发之html5-h5概述
pigdreams的博客
04-03 1474
前言 为了掌握多一门技术,于是开始了学习前端技术的脚步。虽然安卓还是没有深入地学习一些比较高端的知识，比如view绘制原理,事件分发机制,属性动画的绘制。没有深入地研究一些流行框架，最遗憾的是没有将rxjava应用到自己的工作中，更加没有学习kotlin,还有好多好多安卓技术没有吃透。 但现在学习前端技术是比较紧急的事情，一是webapp的发展趋势越来越好，势必影响到移动端的开发;二是感觉跨平...
从零开始学web开发之html5-3.段落与文字标签
pigdreams的博客
04-07 997
1.标题标签-header &lt;h1&gt;&lt;/h1&gt; &lt;h2&gt;&lt;/h2&gt; &lt;h3&gt;&lt;/h3&gt; &lt;h4&gt;&lt;/h4&gt; &lt;h5&gt;&lt;/h5&gt; &lt;h6&gt;&lt;/h6&gt; 一共有六个级别的标签
从零开始学web开发之CSS-9.列表样式&10.表格样式
pigdreams的博客
04-23 815
一、列表样式 1.定义列表项符号 语法： list-style-type:属性值; 说明: 有序列表list-style-type取值如下 属性值 说明 decimal 默认值,数字1、2、3 lover-roman 小写罗马数字i,ii upper-roman 大写罗马数字I,II,III lower-alpha...
从零开始学web开发之html5-9.多媒体&10.浮动框架iframe
pigdreams的博客
04-16 606
1.多媒体embed embed是H5新增的标签，它是一个自闭合标签。 H5中还有audio、video标签可用于网页的多媒体开发。 通过实践发现，embed不管如何设置，都会一打开网页就播放，视频与音频都是如此，非常不实用。 &lt;1&gt;.网页中插入音、视频 embed标签实现在线音频和视频的插入。 语法： &lt;embed src="多媒体文件地址" width=...
从零开始学web开发之CSS-7.超链接样式&8.图片样式
pigdreams的博客
04-22 562
超链接样式 1.超链接伪类 超链接默认有自带的一种样式。 默认情况：字体为蓝色，带有下划类 鼠标点击时：字体为红色，带有下划线。 鼠标点击后：字体为紫色，带有下划线。 点击时，指的是点击超链接的一瞬间的状态。 &lt;1&gt;.去除超链接下划线 在a标签的css样式中使用 text-decoration:none. &lt;2&gt;.定义超链接伪类 语法:...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值