HTML-day01

最新推荐文章于 2022-02-21 18:58:34 发布

AzheCurry

最新推荐文章于 2022-02-21 18:58:34 发布

阅读量114

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/weixin_46152224/article/details/111466968

版权

HTML 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

HTML-day01

HTML(Hyper Text Markup Language)
超文本标记语言：一种用于书写网页的标记语言。

一、HTML基本结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第一张HTML页面</title>
</head>
<body>
    <h1>HELLO,HTML!</h1>
</body>
</html>

二、基本标签

标题标签
h1~h6描述不同层次等级的标题

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

段落标签
...:描述自然段落

<p>锄禾日当午</p>
<p>汗滴禾下土</p>
<p>谁知盘中餐</p>
<p>粒粒皆辛苦</p>

水平线标签
<hr>:绘制一条水平线作为分隔符

<body>
   收到请回答
   <hr>
   收到收到over
</body>

换行标签
 :换行
```
飞流直下 三千尺
```

增强标签
:字体变粗

没有strong  <br>
<strong>有strong</strong>

强调标签
:字体倾斜
```
我没斜 
我斜了
```
图像标签
<img src="" alt="">显示一张图片
src(source):图片地址
alt(alternate):替换文字
title:提示文字
width:宽度，height:高度
align:指定图片与同一行中的文字的对齐方式：top, middle(图像垂直中心和文字底部对齐), absmiddle(绝对居中对齐), bottom(默认)
```
<img src="img/book.jpg" alt="书" width="20%" height="20%">
```
超链接标签
用于链接到另一张网页
href:网页地址
target:目标窗口(_self 本窗口,_blank 新窗口, _parent 父窗口, _top 顶级窗口)
name:为标记起名字 marker:如需链接到本页内部，使用#marker
功能性链接：href=“mailto:xx@xx.com”
```
<a href="www.baidu.com" target="" >百度</a>
```

三、特殊符号

空格
 
引号
"
大于号
&gt
小于号
&lt
版权号
&copy

Á
Á

       &quot;  <br>
       &gt; <br>
       &lt; <br>
       &copy; <br>
       &#193;

四、列表

无序列表
ul-li: 用于描述一组相关事物，事物之间没有先后逻辑顺序
属性type：表示项目符号的类型, disc, circle, square
```
<ul type="square">
 <li>苹果</li>
 <li>香蕉</li>
 <li>梨</li>
</ul>
```
有序列表
ol-li: 用于描述一组相关事物，事物之间有先后逻辑顺序
属性type：表示项目符号的类型,1, a(A), i(I)
```
<ol>
 <li>打开冰箱门</li>
 <li>把大象放进冰箱</li>
 <li>关上冰箱门</li>
</ol>
```

定义列表

dl-dt-dd(definition list - definition term - definition description):用于解释一个名词术语，一个名词可以有多条解释；一个dl下也可以写多个名词解释。术语也可以是图片.

   <dl>
       <dt>孙悟空</dt>
       <dd>猴子</dd>
       <dd>家住东胜神州傲来国</dd>

       <dt>猪悟能</dt>
       <dd>猪</dd>
       <dd>家住乌斯藏云栈洞</dd>
   </dl>

AzheCurry

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录