web学习-html(2)

最新推荐文章于 2023-03-02 20:40:05 发布

next 猫

最新推荐文章于 2023-03-02 20:40:05 发布

阅读量171

点赞数

文章标签： 1024程序员节

本文链接：https://blog.csdn.net/weixin_46465532/article/details/120939114

版权

1.font标签

<font>   </font>

font标签是字体标签，它可以用来修改文本的字体，颜色以及大小

color属性修改颜色

face属性修改字体

size属性修改文本大小

例如：在网页上显示，我是字体标签，并修改字体为宋体，颜色为红色

代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>1.font标签.html</title>
</head>
<body >
  
<font face="宋体" color="red">我是字体标签</font>
   
</body>
</html>

2.特殊字符

< &lt

> &gt

空格 &nbsp

需求: 把<br>换行标签 变成文本 转换成字符显示在页面上

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2.特殊字符.html</title>
</head>
<body>

 我是&lt  bt  &gt  标签
   
</body>
</html>

3.标题标签

h1-h6都是标题标签

h1最大

h2最小

align 属性是对齐属性

left

center

right

<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>

需求：显示标题1-标题6

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3.标题标签.html</title>
</head>
<body>
<font></font>
   <!-- 标题标签 -->
<h1 align="right">标题1</h1>
<h2 align="center">标题2</h2>
<h3 align="left">标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>

</body>
</html>

4.超链接

href：设置链接地址

target：设置哪个目标进行跳转

_self 当前页面

_blank 表示打开新页面进行跳转

5.列表

无序标签<ul> </ul> type属性可以修改表项前面的符号

li是列表项

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
 <ul type="none">
     <li>1</li>
     <li>2</li>
     <li>3</li>
     <li>4</li>
 </ul>
</body>
</html>

6.img标签

src属性指定路径，width height 改变大小 border属性改变边框大小

<img src="../imgs/1.jpg" width="150" height="225" border="10"/>

next 猫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web学习-html(2)

1.font标签<font> </font>font标签是字体标签，它可以用来修改文本的字体，颜色以及大小 color属性修改颜色 face属性修改字体 size属性修改文本大小例如：在网页上显示，我是字体标签，并修改字体为宋体，颜色为红色代码：<!DOCTYPE html><html><head><meta charset="UTF-8">&l...
复制链接

扫一扫