html学习日记(自用)

已于 2022-09-16 12:03:12 修改
阅读量303 收藏
点赞数
分类专栏： 前端学习日记 文章标签： 学习
于 2022-09-07 22:03:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45612697/article/details/126754902
版权 
<!-- this  is a comment to explian this code what it can do -->

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>progress_1</title>
</head>
<body >
	<h1 style="text-align: center;">hello this world</h1>

	<p style="text-align: center;">
		<a href="http://www.codeforces.com" target="_blank">
			codeforces
		</a>
		<!-- <a>中target="_blank"为跳转的时候打开新的界面，重新建立一个窗口 -->
	</p>
	
    <p style="text-align: center;">
    	This is<br />
    	a paragraph with<br/>
    	line breaks;
    </p>
    <!-- 不产生一个新段落的情况下进行换行(新行)，使用<br />标签 -->

    <p  style="text-align: center">
    	
    	<b>文本加粗</b>
    	<!-- <b>定义粗体文字 -->
    	<br />
    	
    	<strong>文本加强</strong>
    	<!-- <strong>定义加重语气 -->
    	<br />
    	<!-- <strong>与<b>的区别,<b>只是文本加粗，<strong>是加强，对于比较重要的文字进行加粗显示 -->
    	
    	<big>字体变大</big>
    	<!-- <big>定义大号字 -->
    	<br />
    	
    	<em>着重文字</em>
    	<!-- <em>定义着重文字 -->
    	<br />

    	<i>字体变斜</i>
    	<!-- <i>定义斜体字 -->
    	<br />
    	<!-- <em>与<i>之间的区别,<i>只是视觉要素，表示无意义的斜体;而<em>是表达要素，表示一般的强调文本，一些语音阅读器会根据它在阅读时加强语气。 -->


    	<small>字体变小</small>
    	<!-- <small>定义小号字 -->
    	<br />

    	显示<sub>下标</sub>
    	<!-- <sub>定义下标字 -->
    	<br />

    	显示<sup>上标</sup>
    	<!-- <sup>定义上标字 -->
    	<br />

    	这是<ins>插入</ins>
    	<!-- <ins>定义插入字 -->
    	<br />

    	这是<del>删除</del>
    	<!-- <del>定义删除字 -->
    	<br />
    </p>

    <pre style="text-align:center;">
    	这是
    	预格式文本。
    	它保留了    空格
    	和换行。
    </pre>
    <!-- <pre>定义预格式文本 -->
    <!-- pre标签很适合显示计算机代码: -->
    <pre style="text-align: center;">
    	#include< bits/stdc++.h >
    	using namespace std;
    	int main(){

    	}
    </pre>



    <p style="text-align:center;">
    	<code>
    		computer code
    	</code>
    	<!-- <code>定义计算机代码 -->
    	<br />
    		
    	<kbd>
    		keyboard input
    	</kbd>
    	<!-- <kbd>定义键盘码 -->
    	<br />

    	<samp>
    		Sample text
    	</samp>
    	<!-- <samp>定义计算机代码样本 -->
    	<br />

    	<tt>
    		Teletype text
    	</tt>
    	<!-- <tt>定义打印机代码 -->
    	<br />

    	<var>
    		computer variable
    	</var>
    	<!-- <var>定义变量 -->	
    	<br />
    	<b>注释:</b>这些标签常用于显示计算机/编程代码
	</p>
    
    <p style="text-align:center;color: blue;">
    	<abbr title="etcetera">
    		etc.
    	</abbr>
    	<!-- <abbr>定义缩写 -->
    	<br />

    	<acronym title="World Wide Web">
    		WWW
    	</acronym>
    	<!-- <acronym>定义首字母缩写 -->
    	<br />

    	<!-- 在某些浏览器中，当您把鼠标移至缩略词语上时，title可用于展示表达的完整版本 -->
    	<!-- 仅对于IE 5中的acronym元素有效 -->
    	<!-- 对于Netscape 6.2 中的 abbr 和 acronym 元素都有效 -->

    </p>



	<p style="text-align: center;color:red;font-family:verdana" >
		The <abbr title="Peopele's Republic of China">PRC</abbr> was founded in 1949s
	</p>
	
	<hr/>
	<!-- <hr>定义水平线 -->
	
	<br />
	<!-- <br />就是没有关闭标签的空元素(<br>标签定义换行) -->
	
	<p style="text-align: center;"> 
		this is a paragraph to divide picture and words
	</p>
	
	<p style="text-align: center;">
		<img src="1.png" align="center" />
	</p>

	<!-- style 为标签的属性  font-family为字体系列 color为颜色 font-size为字体尺寸 background-color为元素定义了背景颜色 若定义多个不同的属性则只需要使用一个style 对于不用的属性之间用";"相隔即可 -->

	<p style="text-align:center;">
		如果您的浏览器支持<acronym title="bi-derectional override">bdo</acronym>下一行会从左向右输出(rtl)
		<br />
		<bdo dir="rtl">
			Here is some Hebrew text
		</bdo>
	</p>

	这是长的引用:
	<blockquote>
		这是长的引用.这是长的引用.这是长的引用.
	</blockquote>

	这是短的引用:
	<q>
		这是短的引用。
	</q>
	<!-- <p>使用blockquote元素的话，浏览器会插入换行和外边距，而q元素不会有任何特殊的呈现		</p> -->
	<br />
	
	<p style="text-align:center;">
		<a href="1.png" target="_blank">
			照片
		</a>
	</p>

	<p style="text-align:center;">
		<cite>
			这是引用
		</cite>
		<!-- <cite>定义引用、引证 -->
		<br />

		<dfn title="World Healh Organization">WHO</dfn>
		<!-- <dfn>定义一个定义项目 -->
		<br />
	</p>
	
	<address style="text-align:center;">
		Writte by <a href="https://t.bilibili.com/?spm_id_from=333.1007.0.0" target="_blank">kitalekita</a>.<br />
		kita,kitalekita<br / >
		China
	</address>
	<!-- <address>定义地址 -->		


</body>
</html>

道阻且长，且行且珍惜

kitalekita
关注
专栏目录
HTML学习日志（第一天）
wxhxhzgsj的博客
07-17 606
编辑器相关 前端开发的编辑器软件，我首先推荐VS Code，其次推荐Sublime Texe。我本人用的是VS Code。 HTML的概念 HTML全称为HyperTextMarkupLanguage，译为超文本标记语言。 HTML不是一种编程语言，是一种描述性的标记语言。 作用：HTML是负责描述文档语义的语言。 HTML的专有名词 网页：由各种标记组成的一个页面就叫网页。 主页(首页):一个网站的起始页面或者导航页面。 标记：比如<p>称为开始标记，...
HTML学习日志
wywl_的博客
03-26 743
一、HTML基础导读 1.1 HTML简介 网页：通常是HTML文件格式，通过浏览器来阅读，常常由图片、文字、链接、视频、音频等元素构成。 HTML：超文本标记语言（并非编程语言，超越文本、超级链接文本），用来描述网页的一种语言。 网页是由网页元素组成，这些元素是利用html标签描述，浏览器解析显示给用户的。 1.2 浏览器 常用浏览器：chrome，edge，firefox等 浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。 1.3 web标准 web标准由W3
学习日志——HTML基础
CiTong_的博客
05-29 880
HTML学习总结
html学习日记
zbspy_ZJF的博客
03-12 616
标题：&lt;head&gt; &lt;title&gt;标题&lt;/title&gt;&lt;/head&gt;设置背景：backgroundstyle="background: url(图片路径);"&lt;hr&gt;分割线href添加连接：&lt;a href="连接地址"&gt;  &lt;/a&gt;添加图片：img，如：&lt;img
HTML的学习日记
weixin_49410853的博客
09-03 365
学习HTML的第一天 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>网页</title> </head> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html> 这是HTML的开头公式我尽量记下来
HTML学习日志（一）
windchimes3的博客
03-13 265
HTML学习日志（一） 网页外观都倾向于类似的标准组件：页眉、导航栏、主内容、侧边栏、页脚。 空元素（void elements）：不是所有元素都拥有开始标签，内容，结束标签。一些元素只有一个标签，通常用来在此元素所在位置插入/嵌入一些东西。比如< img > < audio >等。 元素< a >添加属性 title:为超链接声明额外的信息,这部分信息将以工具提示的形式显示。 target="_blank"在新标签页中显示连接。 单引号或双引号？ 所有的属
学习资源自用自用自用自用
最新发布
10-19
学习资源自用自用自用自用
思源笔记（学习自用自用自用）
04-09
思源笔记
html学习后练习自用小例子
09-17
我是粗体文本 我是计算机代码 我是强调文本 我也是强调文本，我可以让爬虫识别强调的意思 我是斜体文本 我是键盘输入,我常用在计算机说明手册上 预格式化文本
学习机器人 自用.zip
04-08
机器学习（Machine learning）是人工智能的子集，是实现人工智能的一种途径，但并不是唯一的途径。它是一门专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善...
html日记本
10-29
html日记本，html,css,javascrip.
HTML学习日记（一）
weixin_43386866的博客
01-08 418
什么是html？ 1.HTML：HyperText Markup Language(超文本标记语言)的简写 1、超越普通文本 2、能够在文本内插入图片、音频、超链接、甚至音乐、程序等非文字元素。 标记语言：html、xml、<div>1+1</div>;//1+1 特点：本身不具有逻辑能力和行为能力，只能被读取（一般是浏览器） 编译语言：c、java、 system.out.printf(1+1);//2 特点：需要编译运行；本身具有逻辑能力和行为能力 脚本语言：javascr
学习日志—HTML基础
m379373142的博客
04-02 269
1、什么是HTML HTML（Hypertext Markup Language)即超文本标记语言。 2、HTML发展史 3、HTML特点 HTML不需要编译，直接由浏览器执行 HTML文件是一个文本文件 HTML文件必须使用html或者xml为文件名后缀 HTML大小写不敏感，HTML和html一样 4、HTML基本语法 4.1 HTML基本结构 <!-- 头部信息...
HTML学习日志一
Lnd_Niu的博客
07-26 988
大家好！今天开始写我自己的博客了，希望能记录自己每天的成长记录。现在的我还是个小白，可能会有很多的错误，但是还是要写的。希望我的好习惯能够养成。 今天学习到的主要内容是HTML的基本语句以及表格制作。 HTML可以在文本文档中进行编写，同时需要将文本文档的格式更改为.HTML后缀。但是为了更好的编辑体验（省劲）(￣▽￣)”推荐使用HBuilder等编辑软件编写。 总的来说HTML有一个大...
Html学习日记
wang_zi_kang_UI的博客
12-28 220
html框架 html网页只有在这个框架内才会生效 一个简单的页面 <head></head>页面标题 <title></title>标题内容 <body></body>页面主体 <h1></h1>标题，有h1-h6，内容默认黑体，依次缩小 <hr/>横线，默认占一排，可编辑样式 <br/>重新开头，等于回车 <strong...
我的HTML学习笔记
过道
07-24 305
1.  即使 在所有浏览器中都是有效的，但使用 其实是更长远的保障。 （注释: 在未来的 HTML 版本中，不允许省略结束标签。） 2.  HTML 标签对大小写不敏感： 等同于 。许多网站都使用大写的 HTML 标签。 菜鸟教程使用的是小写标签，因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写
web学习日志-html
npu_lbx的博客
07-07 498
这两天，从学习html开始，初次接触web前端。这次学习中，我第一次上手开始写网页，发现网页也不是那么神奇，并不是凭空而来，也是一句句语言组建而成的。 HTML有自己的语言格式，通过一些固定的语法，可以写出一的网页的基本元素，标题<title>,段落<p>,还可以链接一些其他网站<a href="url">，图片<img src>。在这里，还可以插入表格，列表，还可以自己定义网页的背景，字体的颜色，大小，格式。
HTML学习日记一
buglei123的博客
11-11 139
HTML学习日记一 本文主要介绍关于html的一些标签的使用。 各种标签 标题标签： n:1-6字体从大到小，加粗加黑,独占一行。n>=6时，始终按照6的大小显示。 <h1>简介1</h1> <h2>简介2</h2> <h3>简介3</h3> <h4>简介4</h4> <h...
重要代码文件自用管理指南
资源摘要信息:"此文件集合包含一系列与PrintEngineFactoryConnector.c相关的源代码文件，这些文件是专属于某个开发者的私有资源，且仅供其个人使用，不允许他人下载。文件列表中包含的文件主要涉及到一个打印引擎...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值