Html初始简介1.0

最新推荐文章于 2023-07-14 22:30:00 发布

吃辣容易口渴

最新推荐文章于 2023-07-14 22:30:00 发布

阅读量107

点赞数

分类专栏： Html 文章标签： html 前端

本文链接：https://blog.csdn.net/hzsd_ygdcs/article/details/125827916

版权

Html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

这个是代码，下面的有知识点

<html>
	<head>
		<title>这是我的第一个网页</title>
		<meta charset="UTF-8">
	</head>
	<body>
		<!--
		-->
		hello world!<br/>
		Java
		<p>第一个段落</p>
		<img src="imgs/LeetCode39.png" width="68" height="38" alt="这是一张图片"/>
		<h1>标题一</h1>
		<h2>标题二</h2>
		<h3>标题三</h3>
		<h4>标题四</h4>
		<h5>标题五</h5>
		<h6>标题六</h6>
		<!--
		-->
		武林高手排行榜：
		<ol type="a" start="1">
			<li>扫地僧</li>
			<li>萧远山</li>
			<li>慕容博</li>
			<li>虚竹</li>
			<li>阿紫</li>
		</ol>
		<ul>
			<li>乔峰</li>
			<li>段誉</li>
			<li>阿朱</li>
			<li>乞丐</li>
			<li>商人</li>
			<li>市长</li>
		</ul>
		你喜欢<b>自由的</b><u>生活</u>还是符合<i>别人眼中的</i><u>生活</u>？<br/>

		水分子的化学式：H<sub>2</sub>O<br/>
		氧气：O<sup>2</sup><br/>
		表示5小于10：5&lt;10<br/>
		表示5大于3：5&gt;3<br/>
		表示5小于等于6：5&le;6<br/>
		表示5大于等于4：5&ge;4<br/>
		注册商标：&reg;<br/>
		版权符号:&copy;<br/>
		<span>十三</span>，十四<br/>
		<a href="http://baidu.com" target="_blank">百度一下</a><br/>
		
	</body>
</html>

1)
html页面是由一对标签组成:<html></html>
<html>是开始标签
<html>是结束标签
2)
title是网页标签
3)
meta是设置的编码方式
4)
<br/>表示换行.<br/>表示单标签：开始标签和结束标签是同一个，/放在单词的后面
5)
<p> </p>表示段落标签
6)
img 是图片标签
	src属性表示图片的路径，这个路径可以是相对路径（和HTML在同一个文件夹中的文件），也可以是绝对路径（直接从磁盘写路径）
	width表示宽度，height表示高度
	alt表示图片的提示
7)
<h1>标题标签，表示标题，还有<h2><h3><h4><h5><h6>,剩下的就没有了
8)列表标签
一、ol表示的是有序列表
<ol type="A" start="3">
	<li>扫地僧</li>
	<li>萧远山</li>
	<li>慕容博</li>
	<li>虚竹</li>
	<li>阿紫</li>
</ol>
type表示的是类型，start表示的是从类型的第几个开始表示
类型有：A、a、I、i、1（默认的是数字1）
I/i：表示的是罗马的123，即I、II、III
A/a：表示的式字母A、a
1：表示的就是阿拉伯数字1、2、3
二、ul表示的是无序列表
type disc（●）、circle（⭕）、square（■）
默认的是disc
<ul>
	<li>乔峰</li>
	<li>段誉</li>
	<li>阿朱</li>
	<li>乞丐</li>
	<li>商人</li>
	<li>市长</li>
</ul>
9)对字符串进行的操作
<b>字符串</b>将字符串加粗
<i>字符串</i>将字符串变成斜体
<u>字符串</u>给字符串添加下划线
可以嵌套使用
10）下标和上标
字符串2<sub>字符串1</sub>将字符串1变成字符串2的下标
字符串2<sup>字符串1</sup>将字符串1变成字符串2的上标
11）HTML中的实体
&lt;表示小于号
&gt;表示大于号
&le;表示小于等于
&ge;表示大于等于
注册商标：&reg;<br/>
版权符号:&copy;<br/>
12)span 不换行的块标记
13）<a href="http://baidu.com" target="_self">百度一下</a>在网页上显示的百度一下，再点击一下之后会转换到href所提供的网址上去
a表示超链接
href 表示链接的地址
target :
	_self 在本窗口打开(默认的是这个)
	_blank 在一个空窗口打开
	_parent 在父窗口打开
	_top 在顶层窗口打开
14）div层
15）表格 table
行 tr
列 td
标头列可以用 th 自动居中加粗
table中有如下属性：(已经淘汰了，可以了解一下）
	-border：表格边框的粗细
	-width：表格的宽度
	-cellspacing：单元格间距
	-cellpadding：单元格填充
	tr中有一个属性： align->center(居中),left(左对齐),right(右对齐)
表示列合并在<td>中加colspan=""
表示行合并在<td>中加rowspan=""