H5单排03-基本语法，标签，网页中的符号，列表，a标签，相对路径和决定路径,demo

最新推荐文章于 2021-12-22 16:46:45 发布

师傅我悟了

最新推荐文章于 2021-12-22 16:46:45 发布

阅读量257

点赞数 1

本文链接：https://blog.csdn.net/neverlandkk/article/details/112442651

版权

文章目录

html

我们从我我们的html(hyper text markuo language)结构层开始了解了;
首先大概了解一下不想JavaScript，c语言一样，HTML并不是一种传统真正的语言，只是一种超文本标记语言，正如他的名字一样(了解就好)

当我们输入"！" 号后出现了下面的基本机构，我们写的内容都放在body里

<!DOCTYPE html>   //声明为HTML
<html>
<head>
			<meta charset= "UTF-8">//utf-8代表编码格式  如果没有  可能会出现乱码
			<title>我是标题</title>   //页面的标题
</head>
<body>
		body里写的是网页页面，给用户看的内容
</body>
</html>

基本语法

基本语法：网页里的语句都要放在标签里

双标签：<双标签></双标签>
单标签：<单标签/>

<b>我是加粗</b> //加粗  bold
<strong>我也是加粗</strong>   //加粗 强壮  （更语义化）
<i>倾斜字体<i/>//倾斜
<em>我也是倾斜的效果</em>/倾斜(更语义化)
<u>下划线字体</u>//下划线
<s>删除文字</s>
<del>删除文字</del>(更语义化)
<sub></sub>//下角标
<sup></sup>//上角标
<h1></h1>//一级标题
<h2></h2>//二级标题
<h3></h3>//三级标题
..............
<h6></h6>//六级标题  （最高6，从大到小，字体默认加粗，强制换行，固定行间距）
<p></p> //段落标签，分开文字段落 （有段间距）
<br/>//换行，单标签（没有段间距）

网页中的符号

想象一下我们在编码中、我们要在网页中显示一个
< a>< /a>标签，因为网页网页会自动简析，那你会怎么办呢？

这是时候就要用一些网页中的特殊符号:

&copy   //版权
$nbsp //空格      
&lt  //<  左边合号
&gt//> 右边合号

有序列表 (有顺序的列表)

<ol>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
</ol>

无序列表 (没有顺序的列表)

<ul>   // <ul type="none"  (取消样式)||  type="disc" （默认黑色实心圆点） ||  type="circle" （空心圆） ||  square（正方形）>   
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>   //快捷写法 ul>li*4   +  tab

自定义列表 (一般用于问答或者图文混排的布局)

		<dl>
			<dt></dt>   //在图文中一般放图片
 			<dd></dd >   //再图文中一般放文字
		</dl>
		//dl可以放多个<dl><dl>和<dd><dd>

<a>标签

<a>标签一般用于页面跳转，自带下划线，鼠标悬浮变为手的形状，有herf属性，属性值就是我们要去的地址，
比如我们要去百度的页面，我们应该怎么写呢？

<a href="www.baidu.com"></a>//跳转至百度

<a href="www.baidu.com" target="_self"></a>//跳转至百度 本页面打开，不开启新的页面

<a href="www.baidu.com"></a>//跳转至百度  新的页面打开

绝对路径和相对路径

在我们跳转的时候，不仅能跳转我们的外网地址，还能跳转我们本地的文件，比我们桌面有两个文件
demo1.html；
demo2.html；
我们也可以用a标签跳转，这个时候就要去找，就要学习引入绝对路径和相对路径的概念

相对路径跳转

<a href="./demo2.html"></a>//跳转至百度  新的页面打开 //
./代表当前同级的文件
../代表上一级文件夹的目录

//如果我们要在我们的子文件（我们写网页的文件）再d盘的角落，我们去找c盘的我们要去d盘找根据相对路径（a文件相对b文件），我们就可能写成这样

<a href="../../../../我是d的文件夹/demo2.html"></a>//跳转至百度

很麻烦我们也可以直接用绝对路径

<a href="c://user/desktop/demo2.html"></a>//跳转至百度

这就是单排02的内容啦，会在b站做一个简单的视频
我是视频连接，视频还没做好，做好了点我就能去了

师傅我悟了

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
H5单排03-基本语法，标签，网页中的符号，列表，a标签，相对路径和决定路径,demo

文章目录html基本语法标签网页中的符号有序列表 (有顺序的列表)无序列表 (没有顺序的列表)自定义列表 (一般用于问答或者图文混排的布局)<a>标签绝对路径和相对路径html我们从我我们的html(hyper text markuo language)结构层开始了解了;首先大概了解一下不想JavaScript，c语言一样，HTML并不是一种传统真正的语言，只是一种超文本标记语言，正如他的名字一样(了解就好)当我们输入"！" 号后出现了下面的基本机构，我们写的内容都放在body里
复制链接

扫一扫