html-1-初识web语言

本文介绍了Starbuzz咖啡提供的几种特色饮品,包括House Blend、Mocha Cafe Latte、Cappuccino和Chai Tea等,并阐述了公司的使命——提供足够的咖啡因来为顾客的生活提供动力。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.<html>
  <head>
    <title>Starbuzz Coffee</title>
  </head>
  <body>
        <h1>Starbuzz Coffee Beverages</h1>

        <h1>HOUSE Blend.  $1.49</h1>
        <p>A smooth,mild blend of coffees from Mexico,Bolivia and Guatemalla.</p>

        <h1>Mocha Cafe Latte.  $2.5</h1>
        <p>Espresso,steamed milk and chocolate syrup.</p>

        <h1>Cappuccino.  $1.89</h1>
        <p>A mixture of espresso,steamed milk and foam.</p>

        <h1>Chai Tea.  $1.85</h1>
        <p>A spicy drink made with black tea,spices,milk and honey.</p>
   </body>
</html>


2.<html>
  <head>
    <title>Starbuzz Coffee's Mission</title>
    <style type ="text/css">
    body
    {
        background-color: #d2b48c;
        margin-left: 20%;
        margin-right: 20%;
        border:2px dotted black;
        padding: 10px 10px 10px 10px;
        font-family: sans-serif;
    }
    </style>
  </head>
  <body>
    <p>To provide all the caffeine that you need to power your life.</p>
    <p>Just drink it.</p>
  </body>
</html>


3.浏览器会忽略HTML文档中的制表符、回车和大部分的空格。


4.html中注释可以写成多行,在<!--......-->内放置需要注释的内容。


5.

<html>   <!--告诉浏览器这是一个html文件-->

  <head>  <!--页面从head开始-->

    <title>为页面指定一个标题</title>

  </head>

  <body>  <!--页面主体内容-->

    <h1>hehehe</h1>  <!--告诉浏览器hehehe是个标题>

    <p>..........</p>  <!--段落-->

    <em>.....</em>  <!--表示强调-->

  </body>

</html>


6.在浏览器中打开web页面的方式:

(1)在浏览器的地址框中输入文件的具体路径,如E:\sublime\starbzz(可根据具体文件的属性获知)

(2)直接将文件拖动到浏览器

(3)直接双击html文件


7.<h1>starbuzz coffee beverage </h1> 
整个称为一个元素,元素具体包括:包围内容的标记,标记之间的内容,即元素=开始标记+内容+结束标记


8.增加样式,可以用到<style>元素,<style>标记还有一个可选的属性,名为type,它能告诉浏览器要使用什么类型的样式,由于要使用CSS,则可以指定"text/css"类型。

如:<style type="text/css">

       .......  (在该部分可以定义页面的样式)

        </style>

<style>元素总是要放在<head>元素里。

其中,开始标记可以有属性。



评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值