网站首页 > 知识剖析 正文
首先花三秒钟时间知道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个空格。
解决方案
靠转义字符
<是<
>是>
是空格
©是(c)
在学习过程中,只要我们找到了规律,其实网站建设知识中的html并不难。
更多知识关注小编,或者百度网络营销师钟震,钟震讲网络营销。会有很多相关知识,公众号网络营销师钟震,以后每天都会分享淘宝运营,竞价,网站建设和优化,社媒方面的知识。与大家共同进步。希望对您有一点点帮助,喜欢记得关注公众号。
猜你喜欢
- 2025-01-29 HTML+JS实现图片下载到本地(js 图片另存为)
- 2025-01-29 JAVAEE前奏-今天带大家认识HTML!高手勿进。
- 2025-01-29 前端基础入门(HTML)(前端零基础入门)
- 2025-01-29 「前端」HTML之认识网页(网站的html)
- 2025-01-29 零基础入门前端之:html是什么(html前端技术)
- 2025-01-29 计算机应用层全协议梳理(计算机网络应用层协议心得体会)
- 2025-01-29 亚马逊差评怎么删?(亚马逊删评原因及应对方法)
- 2025-01-29 HTML学习笔记:各种常用标签(一些常用的html标签)
- 2025-01-29 怎么做网页链接 (怎么做网页链接文章)
- 2025-01-29 【干货】一文详解html和css,前端开发需要哪些技术?
- 04-29php开发者composer使用看这一篇就够了
- 04-29引用和变量声明在不同语言中的实作
- 04-29PHP 没你想的那么差
- 04-29Ubuntu linux 上的 Nginx 和 Php 安装
- 04-29CentOS下通过yum搭建lnmp(单版本PHP)
- 04-29为什么 PHP8 是个高性能版本
- 04-29PHP8函数包含文件-PHP8知识详解
- 04-29使用无参数函数进行命令执行
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)