前端系列之HTML（基础）

最新推荐文章于 2022-08-29 14:52:50 发布
最新推荐文章于 2022-08-29 14:52:50 发布
阅读量302 收藏
点赞数
分类专栏： 前端 文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wtdask/article/details/79087656
版权

一.基本语法

什么是HTML？
HTML（Hypertext Markup Language）即超文本标记语言。

HTML发展史

1993（IETF）HTML1.0
1995 （W3C）HTML2.0
不断更新
2000 （W3C）XHTML1.0
2014 HTML5定稿

HTML特点
——HTML不需要编译，直接由浏览器执行
——HTML文件是一个文本文件
——HTML文件必须使用html或htm为文件名后缀
——HTML大小写不敏感，HTML与html一样

HTML的基本结构

这里写图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hello</title>
</head>
<!--bgcolor标签属性-->
<body bgcolor="green">
<!--//段落标签-->
   <p>hello html！</p>
<!--//分割线-->
   <hr/>

</body>
</html>

二.文档段落

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

修饰标签

这里写图片描述

这里写图片描述

三.列表标签

无序列表

这里写图片描述

<ul type="disc">
  <li>...</li>
  <ul></ul>
</ul>

这里写图片描述

有序列表

这里写图片描述

这里写图片描述

这里写图片描述

列表标签应用场景

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

四.图像和超链接标签

这里写图片描述

alt属性图片的代替文字

这里写图片描述

超链接

这里写图片描述

这里写图片描述

锚链接

这里写图片描述

这里写图片描述

<a href="#html">html课程</a>
<a href="#js1">JS入门</a>
<a href="#js2">JS进阶</a>

这里写图片描述

这里写图片描述

邮件链接

这里写图片描述

文件下载

这里写图片描述

众拾达人
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端基础-html 精讲 代码展示
04-12
HTML（HyperText Markup Language）是前端开发的基础，用于构建网页结构和内容。在这个"前端基础-html 精讲 代码展示"中，我们将深入探讨HTML的重要概念和代码实践，以便帮助读者更好地理解和应用HTML。 首先，HTML...
前端学习系列之CSS
Java小菜鸟
12-02 1309
CSS (Cascading Style Sheets，层叠样式表），是一种用来为结构化文档的计算机语言，是为了解决内容与表现分离的问题 - 外部样式表可以极大提高工作效率 - 外部样式表通常存储在 CSS 文件中 - 多个样式定义可层叠为一个
前端系列——HTML
qq_51553982的博客
08-29 476
前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验前端就是你能看到的东西指的是超文本标记语言。...
走进前端系列（一）初始
weixin_44296489的博客
09-12 144
前端小白知识普及前端简介概念普及走进js写在前面 前端简介 随着It时代的到来，前端行业应运而生，而且在一步步扩大之中。而现在的前端已经完全不是当初那个用h5和css写页面的切图仔了，前端完成的功能越来越复杂，前端行业也遍地开花。下面让我们走进前端。 概念普及 我们需要了解一下一些计算机的小知识。 1.计算机 ：任何能执行代码的机器。 2.机器语言 ：包括计算机语言和编程语言，编程语言又包括汇编语言和高级语言。 3.编程语言和标记语言的区别：编程语言在于它的逻辑性。而标记语言在于它的可读性（描述类语言） 4
初级学习HTML5—html+css基础-龙江-专题视频课程
蓝鸥_HTML5学习的博客
07-07 195
HTML+CSS是前端开发的基础，大部分前端开发工程都需要从HTML+CSS布局开始,HTML+CSS是开启前端技术殿堂的钥匙，本课程将从基础的前端认知、工具和插件安装等开始，由浅入深，逐步讲解HTML+CSS的基础知识，包括html模板、标签、CSS基础样式、布局、表格表单、整站等等。...
前端系列之HTML基础知识概述
weixin_44174165的博客
08-22 335
前端系列之HTML基础知识概述 1、什么是HTML HTML：Hyper Text Markup Language 超文本标记语言。 超文本：功能比普通文本更加强大。 标记语言：使用一组标签对内容进行描述的语言，它不是编程语言。 2、HTML能干什么 HTML用于编写网页，平时上网通过浏览器我们看到的大部分页面都是由html编写的。在浏览器访问网页时，可以通过“右键/查看网页源代码”看...
HTML678day_htmlCSS_前端基础_
10-01
从"HTML678day_htmlCSS_前端基础_"这个标题来看，我们可以推测这是一系列关于HTML和CSS的三天密集学习资料，特别针对前端开发的基础技能提升。 在前端开发中，HTML（HyperText Markup Language）是构建网页结构的...
HTML5前端开发之CSS基础源码
最新发布
03-17
这个“HTML5前端开发之CSS基础源码”主题深入探讨了CSS的基本概念、语法以及如何应用于实际项目中。下面我们将详细讨论相关的CSS知识点。 1. CSS基本概念： CSS是一种用于定义HTML或XML（包括如SVG、MathML等各种...
HTML大前端基础程序应用
02-22
HTML大前端基础程序应用主要涉及前端开发的核心技术和实践方法，特别是在使用AJAX实现前后端分离的背景下，前端开发已经成为构建现代Web应用程序的关键部分。在这个领域，React.js作为一款流行的JavaScript库，扮演...
html前端医疗云系统
01-07
在HTML方面，作为网页的基础结构语言，它定义了页面的内容和布局。开发者利用HTML5的新特性，如离线存储、表单控制、媒体元素等，能够创建更加丰富和动态的医疗界面。例如，可以设计一个患者个人信息录入表单，方便...
前端系列之HTML（网页整体结构）
十二指环的博客
01-18 4411
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html案例</title> </head> <body> <!--头部内容--> <div> <!--logo--> <div><img src="image\logo.png"></div> <!--导航-->
前端系列之CSS（选择样式）
十二指环的博客
01-18 1234
什么是CSS？ ——CSS层叠样式表（Cascading Style Sheets） ——用于定义HTML内容在浏览器内的显示样式——CSS简化HTML相关标签，网页体积小，下载快 ——解决内容与表现分离的问题 ——更好的维护网页，提高工作效率一.CSS3基本语法注：实际开发中推荐使用外部样式表<!DOCTYPE html> <html lang="en"> <head> <meta
前端系列之jQuery(jQueryDOM操作)
十二指环的博客
01-31 2318
一.如何筛选jQuery对象<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>jQuery chapter 2 Demo</title> </head> <body> <div id="div">div</div> <script src=
【WEB基础】HTML & CSS 基础入门（9）CSS盒子
weixin_30325793的博客
05-30 85
网页上的元素辣么多，我该用什么办法让它们排列整齐、间距合理呢。常干家务的朋友们就容易理解了，用收纳盒呀！ 所以用CSS做网页布局就涉及一个盒子的概念，简单理解，我们可以把页面上的所有HTML元素看作一个个的盒子，网页上所展示出来的具体内容，如：文字、图片等都可以理解为内容，是放在盒子里面的东西。 这些装着内容的盒子排列在网页上，盒子与盒子存在着一定的间隙，我们称为外边距， 每个盒子都有边框，...
前端系列之HTML（表格）
热门推荐
十二指环的博客
01-18 5万+
了解表格应用场景表格基本结构如何操作表格？添加、删除行与列表格属性<caption></caption>定义表格的标题表格跨行跨列表格嵌套案例：表格网页布局<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格布局</title> </head> <body> <table width="100
第三章Mac系统下安装Vue-cli详细步骤
十二指环的博客
06-07 3万+
第三章Vue-cli安装因为是mac系统，所以和视频里老师讲的有些许不同。 1.首先打开终端 按照老师的操作，首先检查node版本 下面是我的操作 打开终端，输入命令 node -v 我去，找不到node。。。。。 好吧，去这个地方下载mac版本的node 下载地址：https://nodejs.org/en/download/ （选择mac os） 安装完毕，有了 2
Safari安装使用JsonView插件
十二指环的博客
06-13 9213
google的jsonView插件可以使接口数据json化，方便查看。下载地址: https://github.com/rfletcher/safari-json-formatter/downloads 下载后直接点击打开安装.默认是自动开启的.双击打开 信任
GitHub提交文件报错 Commit failed - exit code 1 received
十二指环的博客
07-24 6291
使用Git将一个文件夹上传仓库时出现题述错误。 打开本地仓库，快捷键shift + commond + . ps:我是mac系统 打开隐藏文件夹，删除.git文件夹即可
前端系列之HTML（表单）
十二指环的博客
01-18 4061
一.表单基本结构表单应用场景常用表单元素使用下拉菜单和列表标签表单交互属性<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基础表单</title> </head> <body> <form action="action.php" target="_blank"> <h1 align="
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值