HTML:超文本标记语言

CSS:层叠样式表

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

注:要告诉浏览器页面的结构,需要用承兑的标记包围页面内容。要记住:元素=开始标记+内容+结束标记,有些元素会使用一种简写记法,只有一个标记。

元素的属性可以提供元素的一些额外信息。

创建简单的HTML页面代码:

<!--此内容为页面注释内容,会被浏览器忽略,浏览器通常显示的标题一共有6级:h1-h6,字体由大到小,除非你要建立一个庞大的文档,否则不会用到h3以后标题,在代码部分适当加入一些空格、回车、制表符,这样对提高HTML可读性很有帮助,代码写完后保存为.html格式-->

<html>————————————————————告诉浏览器HTML从这里开始

  <head>———————————————————页面“head”开始

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

    <style type="text/css">————————————CSS开始,标记属性为type,能告诉浏览器你在使用什么类型的样式,“text/css”为指定的类型

      body{

               background-color:#d2b48c;

               margin-left:20%;

               margin-right:20%;

       }

    <style/>———————————————————CSS结束

  </head>———————————————————head结束

  <body>———————————————————页面主体“body”开始

    <h1>一级标题</h1>—————————————告诉浏览器这是一个标题

    <img src="链接图片">————————————在这里放置图像

    <p>————————————————————开始一个段落

      段落起<em>着重显示内容</em>段落止————强调“着重显示内容”

    </p>———————————————————段落结束

    <h2>二级标题</h2> ————————————告诉浏览器这是一个子标题

    <p>———————————————————开始另一段落

      段落———————————————————段落内容

    </p>———————————————————段落结束

  </body>——————————————————页面主体结束     

</html>——————————————————告诉浏览器HTML在这里结束    

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄