Web前端零基础HTML5入门（3）

最新推荐文章于 2024-05-23 21:02:02 发布

上山种田去吧

最新推荐文章于 2024-05-23 21:02:02 发布

阅读量85

点赞数

分类专栏： HTML 文章标签： html5 前端 html

本文链接：https://blog.csdn.net/wo125/article/details/120960934

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一、属性

HTML 元素一般都有多个属性，属性是 HTML 元素提供的附加信息。属性总是以名称/值对的形式出现。
<标签属性名=“属性值”></标签>

例：链接<a>标签的属性href指定链接目标地址

<a id="baidu" class="baidu" title="百度" href="http://www.baidu.com">
这是一个链接
</a>
<a id="baidu2" class="baidu" href="#baidu">去百度</a>
<br />
<a href="tel:13233334444">拨打电话</a>
<br />
<a href="mailto:123@qq.com">发送电子邮件</a>
<p style="height: 600px;">
  分割区域
</p>
<div id="baidu" style="height: 200px;background-color: red;">
  baidubaidu
</div>

target：
_self 默认，当前页面跳转
_blank 新窗口打开

hidden 属性规定对元素进行隐藏。
align 文本居中

网页背景：

1、背景颜色

<body bgcolor="#000000"> <!-- 黑色 -->

2、背景图片

<body background="clouds.gif">

3、style属性改变文字颜色

<body style="color:red">页面上的文字现在都是红色的</body>

二、格式化

比如粗体和斜体字，下划线，删除线
粗体 粗体推荐使用
斜体 斜体推荐使用
 下标
 上标
<del> 删除线
<ins> 下划线

三、列表

无序列表,圆点标记

<ul> 
    <li>张三</li>
    <li>李四</li> 
</ul>

有序列表，前面数字标记

<ol> 
   <li>张三</li> 
   <li>李四</li> 
</ol>

实例：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <em><ins>ul列表：</ins></em>
    <ul>
      <li>
        <a href="http://www.baidu.com"><b>百度网</b></a>
      </li>
      <li style="color: chocolate;">
        <a href="https://hao.360.com/" target="_blank">360导航</a>
      </li>
      <li>
        <a href="tel:13111112222" style="color: crimson;">打电话</a>
      </li>
      <li hidden>
        其他
      </li>
      <li hidden>
        其他
      </li>
    </ul>
    <strong>ol列表：</strong>
    <ol>
      <li>张三</li>
      <li><del>历史</del> 李四</li>
    </ol>
  </body>
</html>

上山种田去吧

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web前端零基础HTML5入门（3）

一、属性HTML 元素一般都有多个属性，属性是 HTML 元素提供的附加信息。属性总是以名称/值对的形式出现。<标签属性名=“属性值”></标签>例：链接<a>标签的属性href指定链接目标地址<a id="baidu" class="baidu" title="百度" href="http://www.baidu.com">这是一个链接</a><a id="baidu2" class="baidu" href="..
复制链接

扫一扫