吾爱破解 - 52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 3251|回复: 23
收起左侧

[其他转载] 【HTML】HTML语法从不懂到入门

[复制链接]
Alex27933 发表于 2020-8-12 17:42

HTML基础语法教程

什么是HTML?

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

HTML是一种较为简单的编程语言,容易上手。


语法

HTML标签

HTML标签通常格式为:
<(代码)>(内容)</(代码)>

标题
<h1>一级标题</h1>
<h2>二级标题</h2>

如此类推,几级标题,h后面的数字就是多少。


其他语法
效果 语法
段落 <p>段落内容</p>
分割线 <hr>
注释 <!-- 注释 -->
换行 <br>
粗体 <b>粗体</b>
斜体 <i>斜体</i>
强调 <em>强调</em>
上标 <sup> 上标</sup>
下标 <sub> 下标</sub>
删除号 <del>删除号</del>
链接 <a href="链接">链接文本</a>
在新标签页打开网页 <a href="链接" target="_blank">文字</a>
插入网络图片(需用图床) <img src="图片链接"/>
插入本地图片 <img src="路径/图片名字.jpg"/>

插入图片
插入网络图片

如果要发布属于自己的图片,需要使用到图床
语法:<img src="图片链接"/>

推荐两个图床
 插入本地图片

语法:<img src="路径/图片名字.格式"/>
例子:``

属性
属性 作用
src 表示图片的引用地址
alt 表示图片加载失败时显示的内容
title 表示鼠标移动到图片上时显示的文字
width 表示图片的宽,默认单位是像素(px)
height 表示图片的高,默认单位也是像素(px)

HTML头部标签

P.S. #后面的为注释

<!DOCTYPE html>  # 声明为HTML5
<html>  # 元素是 HTML 页面的根元素(由于过于复杂,可以忽视)
<head> # 元素包含了文档的元(meta)数据(同上,可以忽视)
<meta charset="utf-8"> # 定义网页编码格式为 utf-8 编码
<title>文档标题</title> # 文件标题
</head>

<body> # 可见的页面内容
文档内容
</body>

</html>

例子

代码如下

<!DOCTYPE html>  
<html>  
<head> 
<meta charset="utf-8"> 
<title>title 标签</title>
</head>

<body> 
<h1>标题1</h1>
<p>段落1</p>
<hr>
<b>粗体</b>
<br>
<i>斜体</i>
<br>
<em>强调</em>
<sup>上标</sup>
<sub>下标</sub>
<br>
<del>删除号</del>
<p><a href="https://www.52pojie.cn/">吾爱破解论坛(覆盖当前页面)</a>
<p><a href="https://www.52pojie.cn/"target="_blank">吾爱破解论坛(在新标签页打开网页)</a>
<br><img src="https://upload.cc/i1/2020/08/12/DnROyd.png"/>

</body>

</html>

运行截图

运行截图

免费评分

参与人数 8吾爱币 +10 热心值 +7 收起 理由
万物皆空 + 1 + 1 谢谢@Thanks!
lanshushu + 1 我很赞同!
Augensten + 1 + 1 欢迎分析讨论交流,吾爱破解论坛有你更精彩!
kk1212 + 1 + 1 谢谢@Thanks!
苏紫方璇 + 5 + 1 欢迎分析讨论交流,吾爱破解论坛有你更精彩!
qq9953 + 1 谢谢@Thanks!
hokive + 1 + 1 热心回复!
Desugl + 1 我很赞同!

查看全部评分

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

头像被屏蔽
一只小凡凡 发表于 2020-8-12 18:16
提示: 该帖被管理员或版主屏蔽
头像被屏蔽
偶尔平凡 发表于 2020-8-12 20:58
zhangjj001 发表于 2020-8-12 17:46
Su、 发表于 2020-8-12 17:55
其实吧,我觉得html标签没什么好学的,知道有什么标签,能做什么就可以了,入门简单深入难,而且现在基本上现在都是属于万物皆可div,主要是学习css和JavaScript才是难点
zjpggbond 发表于 2020-8-12 18:11
主要要做大项目
linguo2625469 发表于 2020-8-12 18:15
前端路过
xuegaoxiansen 发表于 2020-8-12 18:21
这是学习打卡么
bsjasd 发表于 2020-8-12 18:29
学习了,多谢
头像被屏蔽
tlf 发表于 2020-8-12 18:43
提示: 作者被禁止或删除 内容自动屏蔽
跑了一下午 发表于 2020-8-12 18:46
以前也用DW写过,也只是入门的HTML,后来JS和HTML5因为时间有限就根本没有继续学了
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

返回列表

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-11-25 19:42

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表