零起步的HMTL了解了解?

最新推荐文章于 2023-10-01 14:21:15 发布
最新推荐文章于 2023-10-01 14:21:15 发布
阅读量695 收藏 1
点赞数
文章标签： HYML初步
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xye1230/article/details/103399602
版权

一、HTML初步认识

H T M L hyperText Markup language 超文本标记语言
超文本：具有特殊功能的文本
标记： markup 范围了超文本的组成形式。
语言： 语言
HTML是网页的设计语言，由HTML语言编写的文件，以.html和.htm结尾的（后缀）。是由浏览器运行的。

首先是html的格式

格式分一个大部分，两个小部分

<html>
<head>
    <title></title>
</head>
<body>
</body>
</html>

一个大的html标签，里面掺两个兄弟标签，head标签用来引用外部链接，里面的title标签用来写网页主题
下面的body标签从来写html结构

二、文本标记

加粗
倾斜
下划线
删除线
上标
下标
换行 < br />(单标签）

三、标题元素

作用：以标题的形式来显示文本
语法： h1~h6   从大到小的
表现方式：
		自带换行效果
		自带加粗效果
		可以调整水平位置
列：

我是h1

我是h2

我是h3

我是h4

四、段落标签

作用：在页面中表示一段独立的文本
语法：<p></p>
表现方式：	自带换行效果   每个段落里面的内容是不自带换行效果的
换行标签 ： br

五、分割线标签

作用：在页面上显示一条直线
语法：<hr />
<hr size="51" color="green" width="250" align="left"/>
	<!--属性
			尺寸   size  单位  是 px 像素
			颜色  color
			宽度  width
			水平位置 align
	-->
 <hr align="left" width="40%" color="red" size="30" />
通用属性
	id  页面元素独一无二的标识
	class 定义元素的选择器
	style 定义标签的行内样式
	title 鼠标移入到元素（标签）上的时候显示的内容
	<hr style="width=50px;c"/>

六、快捷键
ctrl + c 复制
ctrl + v 粘贴
ctrl + z 撤回
ctrl + s 保存
ctrl + d 删除一行
ctrl + x 剪切
ctrl + r 运行
ctrl + a 全选
ctrl + y 反撤销
win + d 快速回到桌面
alt + F4 关闭当前窗口
alt + tab切换页面
ctrl+shift+f 格式化代码

七、字体标签
作用：调整文本的表现形式

我是样式字体

八、超链接标签
作用：用于网页之间的跳转
URL: 统一资源定位符
http：//www.baidu.com
a ：href ：跳转的地址
target：跳转的方式

前端该溜子
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【学生个人网页设计作品】使用HMTL制作一个超好看的保护海豚动物网页
专注于dreamweaver网页设计制作
08-06 535
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；...
我的HMTL初体验
qq_18219159的博客
11-16 810
今天学习了解了HMTL,现在让我给大家说说我今天学习的关于HMTL的知识点。那么什么是HMTL呢？HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。html标签是根标签/根元素，所有的网页内容都是写在html里面开始标签和结束标签中间，一个页面只能一个html标签。
Html(快捷键!+Tab)
采菊东篱下，Python满乾坤！
08-26 1万+
HMTL(HyperText Mark-up Language)即超文本*标记*语言或超文本标签语言 超文本可以实现页面内可以包含图片,链接,甚至音乐,程序等. 网页文件扩展名:.html或者 .htm 超文本标记语言包括"头"部分(英文:head),和"主体"部分(英文:body),其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容. 注释 快捷键 contr
HMTL简介
Joise_的博客
04-04 4015
文章目录一、HTML是什么？二、实例解析1.HTML实例2.HTML文档结构分析3.HTML标签、元素三、Web浏览器总结 一、HTML是什么？ 超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 HTML 不是一种编程语言，而是一种标记语言 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 文档包含了HTML 标签及文本内容 HTML文档也叫做 web 页面 二、实例解析 1.HTM
HMTL基础知识（2）
m0_55689351的博客
03-03 326
1.HTML 段落与文字 （1）HTML中的段落标记 <p>段落的内容</p> 特点： 1.自成一行，会占满整行，在它的后面出现的内容将会在下一行显示。 2.段落与段落之间会有空行 <p>p标记--表示一个段落【一段文字】</p> <p>1.自成一行，会占满整行，在它的后面出现的内容将会在下一行显示。</p> <p>2.段落与段落之间会有空行。</p> （2）html中网页内容的标题标记 ..
HMTL基础
qq_41734243的博客
02-11 1192
一、定义 （1）、HTML(copy了一下度娘，装死) HTML又叫超文本标记语言(Hyper Text Markup Language)，是用来描述网页的一种语言，HTML 不是一种编程语言，而是一种标记语言，使用标记标签来描述网页，是Internet上用于编写网页的主要语言。 HMTL的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。 简而言...
HMTL5（五）
野狼的博客
07-24 639
今天的内容就好玩了，我们学习的html和css能用上了。 今天三个内容： （1）用html+css画画 （2）用html+css做一个简单的购物网页，我会把源码放到下载地方，放心本系列的源码全部免费下载 （3）讲一些重要的属性用法 1，画图 我们画几个常见的图形，源代码如下： 无标题文档 划线后面的
HMTL知识点系列（4）
张羽的博客
09-29 669
HTML的“透明度属性”是CSS属性，用于控制元素的不透明度（即可见度）。透明度属性是opacity。透明度属性的取值范围是从0到1，其中0表示完全透明（不可见），1表示完全不透明（完全可见），中间的值表示不同程度的透明度。例如，表示元素的透明度为50%。/* 设置元素透明度为50% */您还可以使用透明度属性与其他CSS属性一起使用，例如，以调整元素的背景颜色的/* 设置背景颜色透明度为50% *//* 使用RGBA颜色表示法 */在这个示例中，中的最后一个值0.5表示颜色的透明度为50%
HMTL知识点系列（5）
最新发布
张羽的博客
10-01 485
语义化标签（Semantic Tags）是HTML中的元素，具有明确的含义和语义，能够清晰地描述其内容的用途和结构。这些标签有助于开发者和浏览器理解文档的结构，提高可读性、可维护性和可访问性。例如，<header>表示页眉，<nav>表示导航，<article>表示文章，等等。语义化标签有助于搜索引擎优化（SEO）和屏幕阅读器的可用性。微数据（Microdata）是一种用于标记HTML元素中内容的附加信息的规范，通常使用属性itemscope和itemtype来表示一个包含有意义的项目，使用。
HMTL标签的使用
weixin_57762639的博客
08-29 874
1.首先我们进入DW 2.进入之后在文件里面新建一个HTML文档 3.什么是HTML? HMTL是超文本标记语言，“超文本”指页面内可以包含图片，链接，甚至音乐。程序等非文字元素.超文本标记语言结构包括“头”部分 和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。 4.HTML标签的组成：HTML标签由开始标签和结束标签组成，开始标签是被括号包围的元素名， 结束标签是被括号包围的斜杠和元素名。 5.HTML标题标签是通过 <h1> - <.
HMTL基础学习之基础篇
weixin_47139649的博客
10-14 2651
HMTL基础学习 文章目录HMTL基础学习1. HTML 的结构2. HTML 基础3. HTML 结构标签3.1 head 标签4. 四大基本标签介绍4.1 h 标签——标题标签4.2 p 标签——段落标签4.3 a 标签——链接标签4.4 img标签——图像标签5. 其他常用标签 1. HTML 的结构 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>网页结构介绍</
HMTL学习基础
Wendy0317的博客
03-12 207
1HTML基础语法 什么是 HTML？ HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (H...
【Web】HTML基础——了解HMTL基本结构+常用标签的使用
DerrickWestbrook的博客
01-19 1410
【Web】HTML基础——了解HMTL基本结构+常用标签的使用HTML结构HTML标签HTML文件基本结构标签层次结构快速生成代码框架HTML常见标签注释标签标题标签：h1-h6段落标签：p换行标签：br格式化标签图片标签：img超链接标签：a表格标签基本使用合并单元格列表标签表单标签form标签input标签label标签select标签textarea标签无语义标签：div &span综合案例1：展示简历信息综合案例2：填写简历信息 HTML结构 HTML 代码是由 “标签” 构成的. HT
Web学习之HTML
weixin_48268385的博客
05-20 741
文章目录一. 什么是HMTL二. HTML文档结构（1）HTML的基本标签（2）小试一手（3）元素的属性（4）HTML 超链接（5）图片及文件路径 img（6）表格 Table（7）列表 List（8）表单 Form（9）HTML区块和内联元素（10）其它三. 总结四. 参考资料 开发软件：VS Code 安装后，点击界面左侧第五个图标，推荐安装插件：Auto Close Tag（自动补全结束标签）、Auto Rename Tag（自动同步修改前后标签名）、Code Runner（快速运行代码）、Inte
HTML+CSS登录界面
热门推荐
tongai1的博客
05-06 4万+
今天学习了一个HTML+CSS登录界面 效果图如下： 背景图片可以选取自己喜欢的，以下是实现代码： login.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录</title> <link rel="stylesheet"...
swing 实现计算器
sun_Hmtl的博客
10-22 618
用swing类来实现简单的计算器编写 代码如下 public class Count extends JFrame{ private static final long serialVersionUID = 1L; private JTextField txtResult; private JPanel p; private String
HMTL的常用标签
weixin_45880263的博客
05-08 188
HTML（hyper text markup language）超文本标记语言 超文本：图片，音频、视频… 前端开发工具：WebStorm（idea中集成了） 看一个网页的代码：在网页中右键-选审查元素，可看到控制台 W3C（world wide web consortium）万维网联盟 结构化标准语言：html、xml 表现标准语言：css 行为标准语言：dom、ECMASript 标签 ...
深入学习HTML5：起步与实践
《HTML5. Up. and. Running》是Mark Pilgrim撰写的一本关于HTML5的入门书籍，旨在帮助读者了解并掌握HTML5的相关知识。书中详细介绍了HTML5的新特性、语法改进以及如何在实际项目中应用这些新功能。这本书对于想要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值