2019年8月3日暑假训练_按照如下要求编程实现如图所示页面布局效果。-CSDN博客

本文链接：https://blog.csdn.net/qq_44788119/article/details/98308197

今天看了javaweb，首先我先介绍一下什么是web。web是一种典型的分布式结构，应用中的信息转换与传输都会涉及客户端和服务器端。因此web开发技术分为客户端开发技术和服务器端开发技术两大类。web前端（客户端）主要任务是信息内容的呈现和用户界面的UI设计。开发技术有HTML，CSS，JavaScript等。
HTML的基本用法：在这是这里插入图片描述
HTML文档结构：

<!--
    程序名称：edu_2_1_1.html
-->
<html>
       <head>
              <title>HTML 文档结构</title>
               <style type="text/css">
              p{font -size:28px;)}
               </style>
       </head>

     <body>
            <p>HTML 文档结构由head ，body标记 组成</p>
            <h3>标题字h3</h3>
           <hr size =3 color ="red">
            <a href ="http://www.baidu.com">百度</a>
             <script type ="text/javascript">
               <!--
                  document.write("这是简单的网页!");
               //-->
              </script>
          </body>
</html>

HTML文档以< html >开头，</ html >结束.
< head >主要包含页面标题标记，元信息标记，样式表标记，链接标记等，标记所包含的信息一般不会显示在网页上。

meta标记基本语法
< meta name =" " content =" “>
< meta http - equiv =” " content = " ">

在这里插入图片描述
meta使用方法：
< meta name =“keywords” content= “信息参数”/>
meta标记的keywords的信息参数，说明网站的关键字是什么。
< meta http-equiv=" cache -control" content=“no-cache”>
禁止浏览器从本地计算机的缓存中访问页面内容，同时访问者将无法脱机浏览。

样式标记的基本语法

              <style type="text/css">
              p{font -size:28px;)}
               </style>

< body >与< /body >所包含的内容为网页显示的内容
< body> 基本语法

         <body>
         这是网页的内容
          </body>

在这里插入图片描述
body使用方法：

 <body leftmargin=“50px” topmargin="50px" text="#000000" bgcolor="#339999">
           ...................................
          </body>

注释：
< !–注释信息–>
< comment> 注释信息 </ comment>
HTML基本规范：
1，所有标记以"<"开始，“>”结束
2，单标记< br/>
3,标记可以嵌套使用，但是不能交叉使用
4，不区分大小写
5，换行是< br/>,空格是
6,属性要用双引号括起来
文件的命名
1，文件后缀名.html和.htm
2,文件名中有英文字母，数字，下划线
3，不能有空格，&，$
4,文件区分大小写
5，网站首页文件名是index.html或default.html