HTML第二天

YUGAN__

已于 2022-07-20 08:50:18 修改

阅读量105

点赞数 1

文章标签： html 前端 javascript

于 2022-07-19 23:59:52 首次发布

本文链接：https://blog.csdn.net/m0_72826314/article/details/125883346

版权

HTML基本标签

文本格式化，一些常用于设置文本字体的元素：

: 加粗标签.
: 文字变成斜体.
: 文字下方加下划线.
~~:文字加删除线.~~
:换行.
:水平线.

超链接标签(锚标签)
重要属性有三个：href、target、name

href 超链接地址：可以是Web上任意资源，包括图片，网页，样式，脚本文件等。href="#"时，表示被链接页面就是当前页面。
target 文档打开时要显示的目标位置，属性值一般有：_blank（新窗口中打开）、_self（默认，在超链接所在的容器中打开）、_parent（在超链接的父容器中打开）、_top（整个容器中打开）、name（框架名称）。
name 锚记名称。作用：跳转到文档的某个地方。返回首页。

跳转网页

hello word

跳转锚记书签名称

Top！

top

图形标签
行级标签，用来显示图片。
重要属性有：src、title、alt、width、height、align。

src 图片地址。
title 鼠标悬浮在图片上的文字。
alt 图片找不到时要替换的文字。如果图片资源使用的是外网资源，则不会显示要替换的文字。如果使用的是本网站的资源（相对路径给出），则找不到图片时会显示替换的文字，并保留图片设置的宽高结构。
align 图片周围文字的垂直对齐情况。常用的属性值有：top（与图片的顶部对齐）、middle（与图片的中部对齐）、bottom（默认，与图片的底部对齐）。
width 图片的宽
height 图片的高 (宽高两个属性只用一个会自动等比缩放.)

<img src="https://weibo.com/u/6123062973/home?is_new=1&leftnav=1&layerid=4793028482701187" alt="图片加载失败。。。" title="猜猜这是谁"/>

列表标签

- :无序列表标签
```
  <li>:列表中的每一项.
```
1. :有序列表标签
```
  <li>:列表中的每一项.
```
2. 主要的属性有：type、value两个:

type指明项目的类型，属性值有：A，a，I，i，1，disc（实心圆），square（实心正方形），circle（空心圆）。
value表示序号值从几开始。

自定义列表

   <dt> 列表标题

   <dd> 列表项

<ur>
    <li type="circle">A</li>
    <li type="1">B</li>
    <li type="1">C</li>
</ur>
<ol>
    <li value="3">3</li>
    <li>4</li>
</ol>
<dl>
    <dt><i>标题</i></dt>
    <dd>第一项</dd>
    <dd>第二项</dd>
    <dd>第三项</dd>
</dl>