HTML基础入门

最新推荐文章于 2024-05-31 09:45:22 发布
最新推荐文章于 2024-05-31 09:45:22 发布
阅读量45 收藏
点赞数
分类专栏： Web前端 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/winner_20020626/article/details/120610028
版权

HTML基础入门

概述

HTML，英文全称：Hyper Text Markup Language，中文翻译：超文本标记语言。

超文本：文本、图形、图片、视频、音频等等

用于描述网页元素组织结构的语言，主要由各种标签组成.

基本标签

<!-- 文档类型，告诉浏览器使用的规范 -->
<!DOCTYPE html>

<!-- 代表整个html文档 -->
<html lan="en">
	<!-- 网页的头部 -->
	<head>
		<!-- 描述性标签，一般用作SEO（Search Engine Optimazation，搜索引擎优化）-->
		<meta charset="utf-8">
		<meta name="keyword" content="">
		<meta name="description" content="">
		<!-- 网页标题 -->
		<title></title>
	</head>
	<!-- 网页的主体 -->
	<body>
	</body>
</html>

常用标签

第一部分

标题
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
段落
<!-- 段落 -->
<p></p>
div
<div></div>
span
<span></span>
换行
<br/>
水平线
<hr/>

第二部分

超链接
<!--
	src：
		1. 普通链接：src="url"
		2. 锚链接：src="#网页中的某个标签的name属性"
		3. 普通地址和锚链接的结合：src="url锚链接"
		4. 邮件链接：src="mailto邮箱地址"
	target的可取值：
		1. _self：本页面
		2. _blank：新页面
		3. _parent：父页面
		4. _top：顶级页面
-->
<a src="" target=""/>
图像
<img src="" alt="" title="" width="" height=""/>

第三部分

删除字
<del></del>
插入字
<ins></ins>
粗体字
<b></b>
<strong></strong>
斜体字
<i></i>
<emp></emp>
上标
<sup></sup>
下标
<sub></sub>
字体
<font></font>
格式保留
<pre></pre>

第四部分

表格
<!--
	colspan和rowspan用于单元格合并。
	<thead></thead>、<tbody></tbody>、<tfoot></tfoot>的使用可以方便js操作表格。
-->
<table>
    <tr>
        <th></th>
    	<th></th>
    </tr>
	<tr>
        <td></td>
    	<td></td>
	</tr>
</table>

列表

有序列表
<!--
	type属性可以改变图标样式
-->
<ol>
    <li></li>
    <li></li>
</ol>
无序列表
<!--
	type属性可以改变图标样式
-->
<ul>
    <li></li>
    <li></li>
</ul>
自定义列表
<!--
	dt：自定义的名字
	dd：列表项
-->
<dl>
	<dt><dt>
	<dd></dd>
</dl>

表单

表单主体
<!--
	method：
		有两种方式，get和post
-->
<form action="响应表单的url地址" method="">
</form>
表单中的控件

第五部分

实体符号
<!-- 以&开始，以;结束 -->
<!-- &lt;是小于号 -->
<!-- &gt;是大于号 -->
<!-- &nbsp;是空格 -->
charon2002
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML从入门到精通
cgblpx的博客
06-01 4万+
目录 1 前端技术： 1 1.1 学习方法 1 1.1.1 前端要怎么学？ 1 1.1.2 前端技术栈 5 1.2 HBuilderX 7 1.2.1 介绍 7 1.2.2 安装 7 1.2.3 主题 9 1.2.4 字体 9 1.2.5 去掉px转rem提示 9 1.2.6 备注字体颜色 10 1.2.7 项目结构 11 1.2.8 jQuery语法支持 11 1.3 Web概述 12 1.4 静态页面HTML 13 1.4.1 概念 13 1.4.2 结构 13 1.4.3 入门案例 14 1.4.4
HTML零基础入门教程（详细）
热门推荐
ZONGXP的博客
10-22 21万+
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。 HTML 指的是超文本标记语言:HyperTextMarkupL...
HTML入门（详细）
qq_63525426的博客
05-03 1万+
HTML（全称为“超文本标记语言”）是一种用于创建Web页面的标记语言。它是Web开发的基础，允许开发者定义页面的结构、内容和样式。HTML使用一些标记或“标签”来描述文本和媒体内容的结构和格式，这些标签可以指示网页浏览器如何显示内容，包括标题、段落、列表、超链接、图像、音频、视频等等。HTML还可以与其他Web技术（如CSS和JavaScript）结合使用，以实现更复杂和交互性的Web应用程序。这篇文章只是介绍HTML的基础标签的使用。
HTML零基础入门教程完整版
哈哈
09-11 2万+
HTML零基础入门教程完整版
【HTML】零基础入门教程
qq_52719660的博客
10-20 4095
一、HTML简介 HTML是英文Hyper Text Markup Language的缩写，即超文本标记语言，是用于描述网页文档的一种标记语言。超文本：超文本文件就是指具有超链接功能的文件。 二、建立HTML文件 1.页面基本结构 打开vscode，新建后缀名为.html的文件，搭建页面基本结构的快捷键：①英文感叹号＋回车，②html:5+回车 。
前端入门基础
Lixuanyi6181的博客
04-03 4857
HTML和CSS的基本知识，学习周期为20天
菜鸟教程：零基础HTML入门
weixin_52163352的博客
11-08 2万+
HTML入门 文章目录一、HTML是什么？二、入门实例1.新建html文档2.html常用标签三、属性总结 一、HTML是什么？ HTML全称：Hyper Text Markup Language 中文名：超文本标记语言 HTML是由W3C组织定义的语言标准，是用于描述页面机构的语言。 二、入门实例 1.新建html文档 如图： 每一个html文件开头必须是这个标签，作用是告诉浏览器此文档为html文档。 ：根元素在所有的html文件中这个元素级别最高 网页编码格式，一般为UTF-8 中间内容就是这个h
HTML5基础入门
小菜鸟的博客
08-25 3005
HTML5基础入门 HTML是TypeTextMarkup Language（超文本标记语言）的缩写。 1.HTML的标记类型 1.容器标记（Container Tags）          容器标记是成对的开始标记（StartTag）与结束标记(End Tag）。终止标记前加“/”。          例如：我的网页注释：此标记的功能是将文字显示在浏览器的标题栏中。（当浏览者将网页加入
JavaScript基础入门
dangfulin的博客
08-21 5355
一，什么是JavaScript 1，与Java无关！与Java无关！与Java无关！ JavaScript是一种为网站添加互动以及自定义行为的客户端脚本语言， 通常只能通过Web浏览器去完成操作， 而无法像普通意义上的程序那样独立运行。 JavaScript是一种轻量级、解释型的 Web 开发语言，该语言系统不是很庞杂，简单易学。由于所有现代浏览器都己嵌入了JavaScript引擎、JavaScript 源代码可以在浏览器中直接被解释执行，用户不用担心支持问题。 JavaScript的引入，符合”渐进增
HTML5（入门）
热爱编程、热爱生活、热爱探索
01-18 8445
<!--1.我的第一个网页.html(为HTML文件名)--> <!DOCTYPE html> <!--表示浏览器的使用规范，一般默认都是html的规范,所以可不要--> <html lang="en"> <head> <!--网页标题--> <meta charset="UTF-8"> <!--告诉浏览器编码类型为字符型编码 常见的字符编码--> <title>网页一.
html基础入门
08-09
html入门基础 适合零基础或初学者，讲解详细，简洁明了
html基础入门学习.md
11-14
总结了html的常用标签，属性以及最重要的表单操作，适合html基础入门
HTML基础入门视频课程
06-11
课程中使用的所有英文单词都会逐一查询并记录，真正做到零基础入门学习，适合初学者的教程！课程内容包括：1.HTML简介、文档结构2.Sublime的使用3.常用标签4.超链接、表格、表单5.内嵌框架iframe6.HTML5简介、新特性...
前端基础入门html技术
11-18
前端入门提供给刚入刚的小伙伴们免费学习
RTSPtoWebRTC、RTSPtoWeb ( 自HTML播放)：页面中预览摄像机视频，无插件的播放方式，适合局域网使用，无需流媒体服务器
iOS逆向与安全
05-28 124
两套虽然都能转rtsp，通过js在html上进行播放，但是都是自己内部的一个tmpl模板，如果想将视频最终展现在自己系统中，还需要自己实现一个js用于自己的html上播放。RTSPtoWeb是RTSPtoWebRTC的升级版，提供了web端，以及hls，hlsll，mse，webrtc四种方法来播放，还提供了一系列的API doc，尤其是对webrtc接口信息的获取，使用js来获取该接口信息，完成视频流的播放的。RTSPtoWeb是go语言编写的一套将rtsp视频流在网页上用js直接播放的程序。
WPF WebBrowser控件解析 HTML
weixin_45381071的博客
05-27 364
【代码】WPF WebBrowser控件解析 HTML。
HTML、ASP.NET、XML、Javascript、DIV+CSS、JQuery、AJax的起源与简介
最新发布
weixin_59272777的博客
05-31 734
HTML(Hyper Text Markup Language，超文本标记语言)是用于创建网页的标准标记语言，它通过元素(也称为"标签")来描述网页的内容和结构。这些元素告诉浏览器如何显示网页中的文本、图像、链接、列表、表格等。ASP.NET，全称Active Server Pages.NET，是微软公司推出一种用于构建Web应用程序的框架。XML(Extensibel Markup Language，可扩展标记语言)是一种编码文档的标记语言，它可以用来表示、传输和存储数据。
面试题：你怎么理解 HTML 语义化？语义化有什么优点？
Hlleo Wrold
05-31 648
（语义化是什么）HTML 语义化要求开发者，而不是像divspan等无意义的标签，这里的意义就是语义。（语义化的作用）通过使用语义化标签，开发者。（语义化举例）如header常用于定义nav常用于定义article常用于定义一篇section常用于定义aside常用于定义footer常用于定义main常用于定义等等。
html零基础入门教程
05-28
好的，下面是一个简单易懂的HTML零基础入门教程： 1. HTML是什么？ HTML全称为“Hypertext Markup Language”，即“超文本标记语言”。它是一种用于创建网页的标准标记语言，通过HTML标签来描述网页的各种元素。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值