HTML基础标签

图片

HTML 元素将一份图像嵌入文档。
默认为行内元素，即display: inline。

src属性

该属性是必须的，它包含了你想嵌入的图片的文件路径。

可以用外部链接
alt属性

该属性包含一条对图像的文本描述，这不是强制性的，但对可访问性而言，它难以置信地有用——屏幕阅读器会将这些描述读给需要使用阅读器的使用者听，让他们知道图像的含义。如果由于某种原因无法加载图像，普通浏览器也会在页面上显示alt 属性中的备用文本：例如，网络错误、内容被屏蔽或链接过期时。

height属性

图像的高度，在 HTML5 中的单位是 CSS 像素，在 HTML 4 中既可以是像素，也可以是百分比。可以只指定 width 和 height 中的一个值，浏览器会根据原始图像进行缩放。
width属性

图像的宽度，在 HTML5 中单位是 CSS 像素， 在 HTML 4 中可以是像素也可以是百分比。
资源：https://cdn.acwing.com/media/article/image/2022/03/01/1_3ec4c1cf99-mountain.jpg

    
    
    
    
    



    
hello world
    

资源在本地的处理方式如下：

    
    
    
    
    



    
hello world
    

    
    
    
    
    



    
hello world
    

如果只设定宽度，会把高度等比例压缩

如果只设定高度，会把宽度等比例压缩 

    
    
    
    
    



    
hello world
    

同时设置宽度和高度

    
    
    
    
    



    
hello world
    

可以在图片后面接文字，图片是行内元素，默认不换行，注意只能接行内标签，不能接

标签，也不能接块状标签

接块状标签会自动换行

音频与视频

标签

HTML 元素用于在文档中嵌入音频内容。 元素可以包含一个或多个音频资源， 这些音频资源可以使用 src 属性或者 元素来进行描述：浏览器将会选择最合适的一个来使用。也可以使用 MediaStream 将这个元素用于流式媒体。

    使用src属性播放

示例：

    与多个 元素

这个例子包含了多个 元素。如果能够播放的话，浏览器就会试图去加载第一个 source 元素；如果不行，那就退而求其次去加载第二个。

资源：

https://www.acwing.com/static/web/audio/user/statistics/annual_summary/bgm.mp3

https://www.acwing.com/static/web/audio/chat_message_recevied.mp3

https://www.acwing.com/static/web/audio/chat_message_recevied2.mp3

标签

HTML 元素 用于在 HTML 或者 XHTML 文档中嵌入媒体播放器，用于支持文档内的视频播放。你也可以将 标签用于音频内容，但是 元素可能在用户体验上更合适。

示例：

资源：

https://www.acwing.com/static/web/video/video1.mp4

https://www.acwing.com/static/web/video/video2.mp4

超链接

HTML 元素（或称锚元素）可以通过它的 href 属性创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。 中的内容应该指明链接的意图。如果存在 href 属性，当 元素聚焦时按下回车键就会激活它。

站外跳转

    
    
    
    
    



    
超链接
    LeetCode
    about

站内跳转

！+ Tab 会自动补全一个基础版本的 HTML 结构

    
    
    
    


    
About

如何实现打开一个新页面？

点击链接打开新标签页面时加入属性：target="_blank"

超链接里面有起始标签和结尾标签，所以 里面可以加任意的标签

    
    
    
    
    



    
超链接