html

1.网页的组成

任何一个页面都有三部分

序号	内容	描述
1	文本内容	用户可见的内容
2	其他资源的引用	图片，视频，音频…
3	标记	对文本，其他资源的描述

<p>
php中文网学习
</p>
<img src="logo.png" alt="log"/>

2.html设计思想

超文本：是指包括了超链接的文本
预定义标记：是用来描述内容的固定标签
语言：HTML 并不是编程语言，只是用来写HTML文档的工具

3 HTML基础范本

<!DOCTYPE html>
<!--通知浏览器，我是一个html5文档-->
<html lang="en">
  <!-- html：根标签/根元素 -->
  <head>
    <!-- head的内容，用户不需要看到，给开发者看 -->
    <!-- 元数据：描述某种特定信息的数据 -->
    <meta charset="UTF-8" />
    <!-- 当前字符集是utf-8 -->
    <!-- viewport: 视口/可视区屏幕上 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>当前页面的标题</title>
  </head>
  <body>
    <h2>php中文网欢迎大家...</h2>
  </body>
</html>

4.元素，属性和值

4.1元素与标签

元素	标签	描述
非空元素	双标签	<p>学习很快乐</p>
空元素	单标签	<img src="1.jpg" alt="">

4.2属性和值

属性写在起始标签
值：预定义值，字符串，指定格式，数值，布尔值
布尔：只要在元素中出现这个属性，就代表ture，不需要就不要使用
几乎所有元素都可以设置的三大通用属性：’id’,’class’,’style’

5.网页中的实体字符

空白的处理：空格，制表符，换行符

6.文件与文件夹

全部使用小写
‘.html’,’.htm’
文件名：’hello_world.php’

7.URL

7.1 语法

URL：统一资源定位符，互联网上的任何一个文件/资源必须要有一个唯一的访问地址
URL：

https://www.php.cn/live/1088.html

http/https:协议，模式
www.baidu.com ：域名/主机名， 114.234.2.45
course/379.html : 访问的资源在服务器上的真实路径

8.自我总结

<!DOCTYPE html>
<!--通知浏览器，我是一个html5文档-->
<html lang="en">
  <!-- html：根标签/根元素 -->
  <head>
    <!-- head的内容，用户不需要看到，给开发者看 -->
    <!-- 元数据：描述某种特定信息的数据 -->
    <meta charset="UTF-8" />
    <!-- 当前字符集是utf-8 -->
    <!-- viewport: 视口/可视区屏幕上 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>当前页面的标题</title>
    <style>
      .active {
        background-color: chartreuse;
      }
      .div2 {
        width: 500px;
        margin: auto;
      }
    </style>
  </head>
  <body>
    <div style="width:100%s;">
      <h2 style="color: brown; font-size: 36px;" class="active">
        php中文网欢迎大家...
      </h2>
      <div class="div2">
        <a href="https://www.php.cn">PHP中文网</a>
        </br></br> 
        <form action="" method="GET">
          <label for="user">账号:</label>
          <input type="text" placeholder="请输入账号;" id="user" required />
          </br></br> 
          <label for="pass">密码:</label>
          <input type="password" placeholder="请输入密码;" id="pass" required />
          </br></br> 
          <button>登录</button>
        </form>
      </div>
    </div>
  </body>
</html>

批改老师：

天蓬老师

批改状态：不合格

老师批语：手写呢?

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

HTML的基础知识、语法等...

2020-04-03 17:20:07