外链论坛

 找回密码
 立即注册
搜索
查看: 13|回复: 0

浅谈前端 | HTML

[复制链接]

709

主题

0

回帖

9916万

积分

论坛元老

Rank: 8Rank: 8

积分
99168146
发表于 7 天前 | 显示全部楼层 |阅读模式
微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

回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|外链论坛 |网站地图

GMT+8, 2024-7-6 15:57 , Processed in 0.115871 second(s), 20 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.