01.html学习-表头和常用标签

本文详细介绍了HTML网页的基本结构及常用标签的功能,包括头部信息的设置、内容区域的组织,以及实体标签的使用。并通过例子展示了如何利用这些元素构建网页。

1.head信息

<html>
<!-- 头信息的作用
1. 可以设置网页的标题。
    2. 可以通知浏览使用指定的码表解释html页面.
    3. 关键字
 -->
    <head>
     <meta http-equiv="content-type" content="text/html;charset=utf-8" />
     <title>这个是我的第一个网页</title>
        <meta name="keywords" content="贝贝,男神,高富帅"/><!--一个网页的关键字最好是3-4个。 seo(搜索引擎优化)                       -->
    </head>
    
    <!-- 网页的内容应该写在body标签体内的。 -->
    <body>
     今天天气不错...
    </body>
</html>
 
2.html常用的标签:
(1)
<h1>~<h6> 表示是一个标题
<p>   段落标签
        <hr/>  水平线标签
       <br/>  换行标签
        <sub>  下标
        <sup>  上标
        <pre>  原样标签: 原样标签会保留空格和换行符。
    <ol> <li> 有序的列表标签、
    <ul> <li> 无序的列表标签。
    项目列表标签(dl dt dd)
        行内标签(span)     
块标签<div>    div标签的内容会独立占一行。
 
 
html的标签作用:用于描述一个网页的结构的。
    如果需要操作数据的样式:通过标签的属性操作的。 
 
(2)实体标签

空格 &nbsp;
小于号 &lt;
大于号 &gt;
人民币 &yen;
版权 &copy;
商标 &reg;

 (3)例子
今晚吃啥好呢?
<ol type="a">
     <li>火锅</li>
        <li>烤鸭</li>
        <li>烤鱼</li>
    </ol>
 
中午吃啥好呢?
<ul type="square">
     <li>木桶饭</li>
        <li>猪脚饭</li>
        <li>白切鸡</li>
    </ul>

转载于:https://www.cnblogs.com/transcendent/p/4934934.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值