外链论坛

 找回密码
 立即注册
搜索
查看: 121|回复: 6

浅谈前端 | HTML

[复制链接]

3063

主题

3万

回帖

9915万

积分

论坛元老

Rank: 8Rank: 8

积分
99158953
发表于 2024-6-29 17:05:39 | 显示全部楼层 |阅读模式
微X公众号搜索【程序媛小庄】,人生苦短 一块学python

前言

本文重点介绍什么是HTML以及HTML语言常用的标签,经过HTML语言就能够咱们搭建网站供给骨架啦,在网页上右键鼠标选取查看网页源代码能够看到网页html源代码哦~

什么是HTML

HTML全叫作超文本标记语言(Hypertext Markup Language, HTML),一种用于创建网页的标记语言,必须重视的是,HTML是一种标记语言(markup lanuage),不是一种编程语言,在HTML中运用标签来描述网页。

HTML注释

虽然HTML不是编程语言,然则HTML有注释,HTML代码如下:

<!--单行注释--> <!-- 多行注释多行注释 -->

因为HTML代码非常杂乱,并且非常的多,因此习惯用注释划定页面区域方便后续查询例如

<!--导航条起始--> 导航条内所有html代码 <!--导航条结束--><!--左侧菜单栏起始--> 左侧菜单栏所有html代码 <!--左侧菜单栏代码结束-->

HTML文档结构

HTML文件的后缀名通常都是.html,文件的后缀名其实是给用户看的,只不外对应区别的文件后缀名有区别的软件来处理,并添加非常多功能,HTML代码格式,能够所有写在一行问题,只不外运用缩进尽可能的加强代码的可读性。

<!DOCTYPE html> <!--声明是HTML5文档--> <html lang="zh-CN"> <head></head> <!--head内的标签不是给用户看的,而是定义有些配置重点是给浏览器看的--> <body></body> <!--body内的标签,写什么浏览器就渲染什么,用户就能看到什么--> </html>

打开HTML文件的两种方式

第1种,找到HTML文件的位置,右键选取浏览器打开;

第二种,在pycharm内部继承了自动调用浏览器的功能,直接点击就可,前提是计算机上安装了相应的浏览器。

HTML标签简介

①HTML标签是由于尖括号包裹重要字,例如<html>, <body>等;

②HTML标签一般都是成对显现的,例如<html></html>,第1个标签是初始标签,第二个标签是结束标签,结束标签会有左斜线;

有些单标签,例如<br/>,<hr/>等,遇到了记一下就能够了;

④标签里面能够各样属性,能够不带属性。

下面介绍一下html标签的语法,分为单标签和双标签:

<!--单标签--> <标签名 属性1="属性值1" 属性2="属性值2"..../><!--双标签--> <标签名 属性1="属性值1" 属性2="属性值2"...>内容</标签名>

标签分为行内标签和块级标签,块级标签会独霸一行,而行内标签自己文本有多大就占多大位置,平常的行内标签有i,u,s,b,span标签,块级标签有h,p,div标签。

块级标签和行内标签的区别有以下几点:

①块级标签能够修改长宽,行内标签不能够,修改了不会变 。

②块级标签内部能够嵌套任意的块级标签和行内标签,然则p标签虽然是块级标签,然则它只能嵌套行内标签,不可嵌套块级标签 倘若套了,问题不大,浏览器会自动解开嵌套,由于浏览器是直接面向用户的,不会轻易报错,哪怕报错用户感觉不出来 。

③行内标签不可嵌套块级标签,能够嵌套行内标签。

HTML常用标签

hea





上一篇:前端简介笔记--HTML入门
下一篇:「前端」 - HTML-基本
回复

使用道具 举报

0

主题

992

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-8-26 11:19:44 | 显示全部楼层
i免费外链发布平台 http://www.fok120.com/
回复

使用道具 举报

0

主题

580

回帖

3

积分

新手上路

Rank: 1

积分
3
发表于 2024-9-8 21:04:29 | 显示全部楼层
感谢你的精彩评论,为我的思绪打开了新的窗口。
回复

使用道具 举报

1

主题

1014

回帖

-3

积分

限制会员

积分
-3
发表于 2024-9-10 06:42:31 | 显示全部楼层
外链论坛的成功举办,是与各位领导、同仁们的关怀和支持分不开的。在此,我谨代表公司向关心和支持论坛的各界人士表示最衷心的感谢!
回复

使用道具 举报

3112

主题

3万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99108663
发表于 2024-10-10 17:57:17 | 显示全部楼层
你的话深深触动了我,仿佛说出了我心里的声音。
回复

使用道具 举报

3056

主题

3万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99138998
发表于 2024-10-12 15:28:27 | 显示全部楼层
“NB”(牛×的缩写,表示叹为观止)‌
回复

使用道具 举报

2979

主题

3万

回帖

9956万

积分

论坛元老

Rank: 8Rank: 8

积分
99569190
发表于 2024-11-5 03:36:39 | 显示全部楼层
“NB”(牛×的缩写,表示叹为观止)‌
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-18 01:31 , Processed in 0.281157 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.