HTML基本知识学习 2021-04-08

最新推荐文章于 2023-03-01 13:59:09 发布
最新推荐文章于 2023-03-01 13:59:09 发布
阅读量275 收藏
点赞数
文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46096637/article/details/115526609
版权

实习 HTML初学小白day01

一、初识html基础标签

括号为个人学习习惯，其中内容与注释一样，可理解为学习笔记

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	<!--标题标签-->
		<h1>这是一个标题</h1>  (大号)
		<h2>这是一个标题</h2>
		<h3>这是一个标题</h3>
		<h4>这是一个标题</h4>
		<h5>这是一个标题</h5>
		<h6>这是一个标题</h6>  (小号)
	<!--段落标签-->
	    <p>既然你诚心诚意的发问啦</p><p>那我就大发慈悲的告诉你</p><p>哈哈</p>
    <!--换行标签-->
	    <br>
    <!--水平分隔符-->
	    <hr >
	<!--特殊符号-->
	    &nbsp; 空格
		&gt;大于号
		&lt;小于号
		&quot;引号（成对使用的）
		&copy;版权符号
		长路与&、短路与&&；长路或|、短路或||。（主要区别是从左往右运算时，长路左值为假，直接输出，不会继续执行；而短路即使左值为假也会继续判断右边）（注意逻辑运算符顺序和赋值运算符的左右执行顺序）
	<!--强调标签-->
	    <strong>沐小峰</strong>
	</body>
</html>




小例子：
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>李清照简介</title>
	</head>
	<body>
		<h1>人物简介</h1>
		<h4></h4>
		<p>
			<strong>李清照</strong>
		       （1084年3月13日~1155年5月12日），宋代女词人，号易安居士，婉约词派代表，有&quot;千古第一才女&quot;之称。早期生活优裕，金兵入据中原
		       <br>后，流于南方，境遇孤苦。所作词，前期多写其悠闲生活，后期多悲叹身世，情调伤感。形式上善用白描手法，自辟途径，语言清丽。论词强调协律， 
		       <br>高尚典雅，提出词&quot;别是一家&quot;之说，反对以作诗文之法作词，留有诗集《易安居士文集》、《易安词》等。
		    <hr >
		    &copy;2019&nbsp;&nbsp;&nbsp;微信科技版权所有
		</p>
	</body>
</html>

二、图片标签基础
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!--相对路径,同级目录下引用图片./可有可无；但是要引用上级目录下的图片必须是../-->
		<img src="同级图片.png" width="400" height="400" title="悬停显示">
		<!--网络路径-->
		<img src="https://gw.alicdn.com/imgextra/O1CN01QLGeoB1RaD6O3XWa7_!!0-item_pic.jpg_360x360xzq90s150.jpg_.webp" width="400" height="400"
alt="问题图片" border="8"  title="悬停显示">  （alt图片出问题时显示利于定位问题图片；border设置边框；title鼠标悬停显示文字）
		<!--链接标签-->
		<a href="https://editor.csdn.net/md/?not_checkout=1" title="沐小峰">                链接到我的博客</a>
		<a href="https://editor.csdn.net/md/?not_checkout=1" title="沐小峰" target="_blank">链接到我的博客</a>（target属性使用_blank时表示以新页面打开）
	</body>
</html>

三、水平、垂直框架
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
		<!--垂直分割框架，不能放在body里，删掉body,而且记得设置值（即每个分割页面的占比30%,）-->
		<frameset cols="30%,40%,30%">
			<frame src="../html02/testA.html" >
			<frame src="../html02/testB.html" >
			<frame src="../html02/testC.html" >
		</frameset>
		<!--水平分割框架，不能放在body里，而且记得设置值（即每个分割页面的占比30%,）-->
		<frameset rows="30%,40%,30%">
			<frame src="../html02/testA.html" >
			<frame src="../html02/testB.html" >
			<frame src="../html02/testC.html" >
		</frameset>
</html>
沐小峰
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML基础
zzbdkl的博客
01-23 1022
html基础知识内容，适合小白
HTML学习笔记-01
01-08
...HyperText ：超文本 Markup：标记 Language：语言 知识点： 超文本：超越文本，可以包含除文字(文本)之外,其它类型的内容。例如：超链接,图片,视频,音频,动画… ...二、HTML基本框架 原创文章 2获赞 1访问量 53
web---HTML基础知识
Allure泽宇的博客
06-11 5402
HTML基础知识内容总结
＜!DOCTYPE html＞＜html＞＜head＞ ＜meta charset=“utf-8“ /＞ ＜meta name=“viewport“ conten
热门推荐
weixin_55229531的博客
03-01 1万+
HTML基础教程
qq_47848696的博客
09-18 2841
转载：绿叶学习网之Html 若有侵权，联系删除！ 一、什么是HTML 这里是引用HTML全称“Hyper Text Markup Language（超文本标记语言）”，是网页的标准语言。我们也把“标签”说成“元素”，例如把“p标签”说成“p元素” 语法 <标签符>内容</标签符> 二、基本标签 1、Html结构 1.1、 文档声明 是一个文档声明，表示这是一个HTML页面。 1.2、HTML标签 HTML标签的作用，是在告诉浏览器，这个页面是从开始，然后到结束的。 1
HTML中的 ＜!DOCTYPE＞ 声明
qq_51735681的博客
04-05 2773
HTML中的 <!DOCTYPE> 声明： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>标题</title> </head> <body> 内容...... </body> </html> 几乎所有主流浏览器都支持 <!DOCTYPE> 声明。（其中包括像IE、火狐、Opera、Go
HTML网页设计基础知识学习专题培训课件.ppt
11-20
"HTML网页设计基础知识学习专题培训课件" 本资源摘要信息是关于HTML网页设计基础知识学习的专题培训课件，旨在为学习者提供基础知识和实践操作指导。该课件涵盖了HTML网页设计的基本概念、标记的构成、标记的表示...
basic-html-app:学习基本的高级 HTML
08-05
基本的 html 应用程序 学习使用 Javascript 后端技术推进 HTML 开发应用程序的基础知识。 React.Js 和 Node.Js 作为前端技术，用于样式化 CSS3 和 HTML5
web-development:使用HTML，CSS和JavaScript学习现代Web开发
05-06
它还探讨了命令行基础知识，Git和GitHub页面的基础知识，网站的可访问性，Web Performance和Jekyll（静态站点生成器）。 您将学习如何将技能从初学者提升为专业的Web开发人员。 课程项目是围绕现实世界中发生的...
html最基本知识–写给想要学习html的同学们
01-08
您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。 他是一种超文本标记语言，英文名为：Hyper（超级） Text（文本） Markup（标记） Language（语言），缩写为HTML，标准通用标记语言...
HTML页面规范
weixin_30872157的博客
01-22 95
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>页面名称</title> <meta name="keywords" content=""/> <meta name="descripti...
【前端】【HTML】基础知识
我的的博客哦
03-06 4891
🔰HTML指的是超文本语言，它是用来描述网页的的一种语言。🔰HTML不是编程语言，而是一种标记语言。🔰标记语言是一套标记标签。
html头部中各式各样的meta
weixin_30668887的博客
06-05 213
在写网页的过程中，第一步就是创建一个html文档。如下是最简单的 html5 文档。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="wid...
web开发 简单的html2
Sermisry的博客
08-02 210
文章目录块级元素行内元素html字符实体 块级元素 块级元素总是在新的行上开始，并尽可能的占据本行全部可用的宽度 常见的有 <address> <article> <aside> <blockquote><canvas> <dd> <div> <dl> <dt> <fieldset><figcaption> <figure><footer><for
html使用
悲欢离合
04-25 742
1.html说明 1.1<!--注解 --> 注释:解释说明，对代码的说明；注释浏览器不解析 2html:超文本标签语言 浏览器解析； 弱语言：偶尔写错浏览也能解析；程序员编写的时候尽量规范； 3标签的作用：让html页面语义化 4标准的html格式 文档声明：<!doctype html> html标签：包括所有内容 head标签：文档头，包括一些关于页...
HTML入门学习
qq_46556545的博客
03-23 3890
基本标签 文档声明 <!DOCTYPE html> <!--文档声明，表示这是一个HTML页面--> HTML标签 <html> </html> <!--标签对，告诉浏览器这个页面的范围--> head标签 <head> </head> <!--标签对，是网页的头部，用于定义一些特殊的内容--> body标签 标题标签 段落标签 换行标签 水平线标签 字体样式标签 常见特殊符号
【Web笔记】Html学习手册
qq_37443884的博客
11-26 1577
HTML简介 HTML是**超文本标记语言（HyperText Markup Language）**的简称 HTML的前世今生 从初期的网络诞生后，已经出现了许多HTML版本: 版本 发布时间 HTML 1991 HTML+ 1993 HTML 2.0 1995 HTML 3.2 1997 HTML 4.01 1999 XHTML 1.0 2000 HTML...
HTML 教程：基础标签
村雨遥
04-26 1860
什么是 HTML HTML（Hypertext Markup Language），中文名超文本标记语言，是一种用于结构化 Web 网页及其内容的标记语言。 严格意义上讲，HTML 并不是一门编程语言，而是一种用于定义内容结构的标记语言。它由一系列的元素所构成，通过标签与内容组合得到我们所需效果，使其以某种形式呈现。 HTML 中的基础标签 既然说了 HTML 是由一系列的元素组成，那我们就来看看元素相关的内容。 元素又是由一对标签加上内容所共同构成，以下是一个简单的文本标签示例。 该元素中，主要组成部分如
前端入门HTML篇
qq_44354408的博客
08-04 792
HTML是用于创建可从一个平台移植到另一平台的超文本文档的一种简单标记语言，经常用来创建web页面。html是制作网页的基础，我们在网络营销中讲的静态网页，就是以html为基础制作的网页。 标签是什么？ HTML标签 是由一对尖括号包裹的单词构成 例如: 所有标签中的单词不可能以数字开头；标签不区分大小写 和 推荐使用小写；标签分为两部分: 开始标签 和 结束标签 ， 两个标签之间的部分，......
用HTML和DIV-CSS设计课程学习
最新发布
03-28
网站 首先，我们需要确定网站的整体布局和设计风格。我们可以选择一个简洁、清晰、易于导航...总之，使用HTML、CSS和JavaScript可以创建一个美观、易于导航、功能强大的课程学习网站，帮助学生更好地学习和掌握知识。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值