很酷的HTML技巧和壁虱
#html #网络开发人员 #初学者 #devops

这是我的第一篇文章,我在本文中分享了一些HTML技巧。希望您对您有好处

在新标签/窗口中打开链接

目标属性指定打开链接的位置。通过将其设置为_blank,您可以告诉浏览器在
中打开它 新标签或窗口。

  <a href="index.js" target="_blank">Hi I"m Developer</a>     

Image description

选色器

单击此按钮打开操作系统的颜色小部件,该小部件允许用户选择颜色。

 <input type="color">

Image description

突出显示 /标记标签

标记元素在HTML5中是新的,用于在文档中标记或突出显示文本而不是跨度

<p>hi I'm Front-End-Developer</p>   

Image description

手风琴 /摘要标签

摘要标签定义了详细信息的可见标题元素。可以单击标题以查看/隐藏详细信息。

 <details>
    <summary>open this</summary>
       <h2>HTML</h2>
       <h2>CSS</h2>
       <h2>JAVASCRIPT</h2>
 </details>

打开前
Image description

打开后

Image description

进度条

您可以使用进度栏,它将代表某物的完成。

<div>
         <h2>Html & Css skill</h2>
         <progress id="skill" value ="85" max="100"</progress> 
</div>

Image description