HTML综合

HTML综合

总结:表格是一种布局方式,但是不是唯一的方式,美化效果还需要css样式来补充!
补充的课程知识点:
1,div标签
2,span标签
3,块级标签和行级标签
4,标签嵌套规则

A,div 是一个区块容器标记。

<div>是一个容器</div>  div之间是一个容器,这个容器可以包裹段落、表格、图片等各种html元素

B,span 没有实际意思,为了应用样式。

块级标签 是指占据一行,再换行
行级标签 是指在一行下,不换行。

块级标签常见的有:div, ul, ol, li, dl, dd, h1~h6, p, form, hr,。。。。
行级标签常见的有:b, em, img, input, a, sup, sub, textarea, span…

标签嵌套

1,无序列表

<ul>
    <li></li>
</ul>

2,定义列表

<dl>
  <dt></dt>
      <dd></dd>    
      <dd></dd>
  <dt></dt>
      <dd></dd>
      <dd></dd>
</dl>

块级元素列表:

在这里插入图片描述

行级元素列表:

在这里插入图片描述

耀炎食品有限公司是一家专业的食品生产和销售公司,为了扩大市场和提高企业形象,决定建立自己的网页。 首先,我们需要使用HTML语言来创建网页的基本结构。通过<html>标签来定义整个网页,并在<head>标签内添加网页的标题、元数据等信息。 接下来,通过<body>标签来编写网页的内容。首先是公司的logo和名称,可以使用<img>标签来插入公司logo,并使用<h1>标签来显示公司名字。 在网页的主体部分,可以包括公司的介绍、产品展示和联系方式等内容。通过使用<p>标签来添加段落,并使用<ul>和<li>标签来创建有序或无序列表来展示公司的产品或服务。 除了文字内容外,还可以在网页中添加图片和链接。通过<img>标签来插入公司的产品图片,并使用<a>标签来创建超链接,可以链接到其他相关页面或合作伙伴的网站。 为了增加网页的互动性和吸引力,可以使用CSS来美化网页的样式。通过<head>标签内的<style>标签来编写CSS代码,对网页的字体、颜色、背景等进行设置。 最后,为了提高网页的搜索引擎优化,可以添加一些关键词和描述信息,以便搜索引擎更好地理解和索引网页内容。可以在<head>标签内的<meta>标签中添加相关信息。 通过以上步骤,耀炎食品有限公司网页的基本结构就可以实现了。当然,还可以根据具体需求添加更多的功能和互动效果,提升用户体验和企业形象。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值