引入前端~标签~超链接

最新推荐文章于 2021-06-02 18:24:55 发布

当右、

最新推荐文章于 2021-06-02 18:24:55 发布

阅读量387

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/qq_50680684/article/details/109182243

版权

引入前端

Web前端的底层：（高级文本标记语言）HTML（骨架）、（）CSS(美化）、JS（灵动）
HTML是用来描述网页的一种语言
Web浏览器的作用是读取html文档，并以网页的形式展现。
大多数标签是可以嵌套的
HTML文件可以直接使用文本编辑器来创建，保存时，后缀名为html
&emsp——相当于一个汉字16px（像素）
&nbsp；——一个空格

（W3C）万维网联盟，对前端的约束
F12调出开发者模式
HTML标签对大小写不敏感，许多网站都用大写标签
W3School 使用的是小写标签，因为（W3C）在HTML4中推荐使用小写，而在未来（X）HTML版本中强制使用小写

body标签

<body>中的内容会被显示。

常用属性:
text:用于设定文字颜色
background:用于设定背景图片
bgcolor:用于设定背景色

关于html中颜色取值

颜色由红色、绿色、蓝色混合而成
有三种取取值方式:
1.rgb(0,0,0)值是在0-255之间 //用到CSS中
2. #000000 #ff0000 #00ff00 #0000ff
3.red green blue

<h1>一级标题</h1>
<h2>二级标签</h2>
...

<hr/>	<!--单标签  分割线-->
<hr width="400px" align="center" size="12"/>

<p>
	段落标签
</p>

<pre>
	预文本标签，保持原有格式样式
</pre>

H<sub>2</sub>O		<!--水，下角标-->
3^<sup>5</sup>		<!--3^5，上角标-->

<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<s>中划线</s>
<strong>加粗</strong>
<em>斜体</em>

图形标签

<img src="images/1.jpg" alt="出错后显示的话" border="2px(边框)" height="10%(高)" width="200px（宽）" title="图片的种类">

在这里插入图片描述

块级元素和行内元素

两者最大的区别就是块级元素占浏览器宽度的100%，而行内元素占自己内容的宽度

<div>块级元素</div>
<span>行内元素</span>

超链接标签

在这里插入图片描述

<a href="http://www.baidu.com">千度一下</a>

在这里插入图片描述

<ul>
	<li><a href="#jjj">1 0000</a></li>
	<li>2 9999</li>
	<li>3 8888</li>
</ul>
<pre>
	<h3>9999</h3>
	文章
</pre>
<pre>
	<h3><a name="jjj">0000</a></h3>	<!--锚点-->
	文章
</pre>
<pre>
	<h3>8888</h3>
	文章
</pre>

当右、

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
引入前端~标签~超链接

引入前端Web前端的底层：（高级文本标记语言）HTML（骨架）、（）CSS(美化）、JS（灵动）HTML是用来描述网页的一种语言Web浏览器的作用是读取html文档，并以网页的形式展现。大多数标签是可以嵌套的HTML文件可以直接使用文本编辑器来创建，保存时，后缀名为html&emsp——汉字&nbsp；——空格大小写都可以（W3C）万维网联盟body标签<body>...
复制链接

扫一扫