百度360必应搜狗淘宝本站头条
HTML5 标签标签HTML5 标签 (已废弃)HTML 简介键盘快捷键
当前位置：网站首页 > 技术文章 > 正文

花二十分钟看完html入门，你会发现代码也会如此简单

zhezhongyun 2024-12-03 06:15 97 浏览

首先花三秒钟时间知道html的概念

Hyper text markup language 中文为超文本标记语言，其次html文件的名字都是以.html或者.htm结尾的


2.html的基本语法

2.1html主要采取标记语法，那么什么是标记呢？

描述功能的符号称为标记，不同的标记具备不同的功能

2.2其次我们要知道标记的组成，标记到底是什么样子的？

标记全是由<>组成，分为单标记和双标记，它的写法就是这样：<标记名>


2.3标记的分类，标记一共就分为两种

封闭类型标记（双标记）

有开始，也有显示的结束的标记

<标记名></标记名>,例如<a></a>这是一个超链接双标记，例如<b></b>加粗双标记


非封闭类型标记（或者又叫做空标记，单标记）

有开始，可以没有结束或者自己既可以表示开始，又可以表示结束。

它的写法就是<标记名>或者<标记名称/>举三个栗子：<br>换行，<hr>水平线，<img>图片


3.知识点：元素的定义

元素就是标记，标记中开始到结束之间的所有内容，都统称为元素。

元素：包含标记，包含属性，包含值。

在这里，我们要掌握一个知识点：元素嵌套

在一个元素内部又增加了另外一个元素。我们的html页面就是由各种各样的元素组成的

<标记1>

<标记2></标记2>

<标记1>

需要注意的地方：

1.标记之前的嵌套顺序

一定要完整嵌套，一个标记嵌套另一个标记一定要完整嵌套

2.代码缩进，嵌套代码中，子级元素（被嵌套的标记）前，要通过几个空格来表示层级关系（属性）

<div>

<p></p>

</div>

4.知识点：属性和值

属性：修饰元素不同显示效果的内容

值：确定显示的效果的内容。


属性只能声明在开始标记中，并且属性和标记名称要有空格分开。

属性和值用=关联，值用""(双引号）或者"（单引号）引起来。

例如<a href="网址"></a>，这是一个双标记，也是我们网站建设中用到的最多的html代码。如果说标记中有多个属性，那么属性间用空格区分，并且排名不分先后。


那么下面小编就写最简单的一个html网页分享给初学者

html网页分享：

<!--1，文档类型声明-->

<!doctype html>

<!--2，html根标记-->

<html>

<!--网页头部-->

<head>

<!--指定网页标题-->

<title>钟老师的标题</title>

<!--修改编码格式-->

<meta charset="utf-8">

</head>

<!--网页主体-->

<body text="green" bgcolor="red">

<!--主页字体蓝色，背景黑色-->

我的网页

</body>

<!--网页头部-->

</html>

好了，最后讲几个文本标记特殊字符的小知识

1.<>不能随意输出

2.无论输入多少个回车和空格最终都被解释成1个空格。

解决方案

靠转义字符

&lt;是<

&gt;是>

&nbsp;是空格

&copy;是?

在学习过程中，只要我们找到了规律，其实网站建设知识中的html并不难。

更多知识关注小编，或者百度网络营销师钟震，钟震讲网络营销。会有很多相关知识，公众号网络营销师钟震，以后每天都会分享淘宝运营，竞价，网站建设和优化，社媒方面的知识。与大家共同进步。希望对您有一点点帮助，喜欢记得关注公众号。

相关推荐

perl基础——循环控制_principle循环

在编程中，我们往往需要进行不同情况的判断，选择，重复操作。这些时候我们需要对简单语句来添加循环控制变量或者命令。if/unless我们需要在满足特定条件下再执行的语句，可以通过if/unle...

CHAPTER 2 The Antechamber of M de Treville 第二章 特雷维尔先生的前厅

CHAPTER1TheThreePresentsofD'ArtagnantheElderCHAPTER2TheAntechamber...

CHAPTER 5 The King&#39;S Musketeers and the Cardinal&#39;S Guards 第五章 国王的火枪手和红衣主教的卫士

CHAPTER3TheAudienceCHAPTER5TheKing'SMusketeersandtheCardinal'SGuard...

CHAPTER 3 The Audience 第三章 接见

CHAPTER3TheAudienceCHAPTER3TheAudience第三章接见M.DeTrévillewasatt...

别搞印象流!数据说明谁才是外线防守第一人!

来源：Reddit译者：@assholeeric编辑：伯伦WhoarethebestperimeterdefendersintheNBA?Here'sagraphofStea...

V-Day commemorations prove anti-China claims hollow

People'sLiberationArmyhonorguardstakepartinthemilitaryparademarkingthe80thanniversary...

EasyPoi使用_easypoi api

EasyPoi的主要特点：1.设计精巧,使用简单2.接口丰富,扩展简单3.默认值多,writelessdomore4.springmvc支持,web导出可以简单明了使用1.easypoi...

关于Oracle数据库12c 新特性总结_oracle数据库12514

概述今天主要简单介绍一下Oracle12c的一些新特性，仅供参考。参考：http://docs.oracle.com/database/121/NEWFT/chapter12102.htm#NEWFT...

【开发者成长】JAVA 线上故障排查完整套路!

线上故障主要会包括CPU、磁盘、内存以及网络问题，而大多数故障可能会包含不止一个层面的问题，所以进行排查时候尽量四个方面依次排查一遍。同时例如jstack、jmap等工具也是不囿于一个方面的问题...

使用 Python 向多个地址发送电子邮件

在本文中，我们将演示如何使用Python编程语言向使用不同电子邮件地址的不同收件人发送电子邮件。具体来说，我们将向许多不同的人发送电子邮件。使用Python向多个地址发送电子邮件Python...

提高工作效率的--Linux常用命令，能够决解95%以上的问题

点击上方关注，第一时间接受干货转发，点赞，收藏，不如一次关注评论区第一条注意查看回复：Linux命令获取linux常用命令大全pdf+Linux命令行大全pdf为什么要学习Linux命令？1、因为Li...

linux常用系统命令_linux操作系统常用命令

系统信息arch显示机器的处理器架构dmidecode-q显示硬件系统部件-(SMBIOS/DMI)hdparm-i/dev/hda罗列一个磁盘的架构特性hdparm-tT/dev/s...

小白入门必知必会-PostgreSQL-15.2源码编译安装

一PostgreSQL编译安装1.1下载源码包在PostgreSQL官方主页https://www.postgresql.org/ftp/source/下载区选择所需格式的源码包下载。cd/we...

Linux操作系统之常用命令_linux系统常用命令详解

Linux操作系统一、常用命令1．系统(1)系统信息arch显示机器的处理器架构uname-m显示机器的处理器架构uname-r显示正在使用的内核版本dmidecode-q显示硬件系...

linux网络命名空间简介_linux 网络相关命令

此篇会以例子的方式介绍下linux网络命名空间。此例中会创建两个networknamespace：nsa、nsb，一个网桥bridge0，nsa、nsb中添加网络设备veth，网络设备间...

一周热门
最近发表
标签列表