html 部分标签

最新推荐文章于 2024-09-12 15:14:04 发布

原创最新推荐文章于 2024-09-12 15:14:04 发布 · 166 阅读

CC 4.0 BY-SA版权

4 篇文章

订阅专栏

本文详细介绍了HTML中的<a>、<b>、<em>和<input>等常用标签的使用方法及样式设置，包括如何创建超链接、不同类型的输入框及其样式展示。

<a>标签：超链接，从一个页面链接到另一个页面

<a>标签的属性最重要的是href，它指定的是链接的目标

<a href>指定链接的URL

用法

<a href="value">

另外属性就是通过使用name和id，创建一个文档内部文件的书签（可以指向文档片段的链接）

默认的样式：

未被访问的链接带有下划线且为蓝色；已被访问的链接带有下划线为紫色；活动链接带有下划线且为红色

<a>标签样式

text-decoration:none //去掉下划线

a:link{ } ：普通链接样式

a:link {    
 color:#FF0000;    
 text-decoration:underline;   // 文本下面有一下划线
}

a:visited{} 成功访问后的样式

a:hover{}：鼠标悬停样式

a:active{} 链接被点击的那一刻（他们的用法a:hover必须放在a:link{},a:visited{}后面执行a:active{}放在hover后）

onclick点击事件

onclick="window.location.href=”value"//value为要跳转的页面

<b>标签表示额外强调，但是能用别的代替时不用<b>标签一般时候

<em>强调文本内容，字体为斜体

<input>标签

有不同的type属性用法

<input type="value">

最常用的属性值

button：定义可以点击的按钮

<input type="button" value="Click me" />

样式：

submit：定义提交按钮

<input type="submit" value="Submit" />

样式：

checkbox：定义复选框

<input type="checkbox" name="vehicle" value="pin" /> I have a pine<br />
<input type="checkbox" name="vehicle" value="app" /> I have a apple<br />

样式：

text：定义单行文本框

 <p>Email: <input type="text" name="email" /></p>
  <p>Pin: <input type="text" name="pin" maxlength="18" /></p>//最大长度

样式：

这是最常见的几个type样式。