博客列表 >前端入门:4.2html基础接触。

前端入门:4.2html基础接触。

zero
zero原创
2020年04月11日 23:19:09749浏览

html 基础

1.网页的组成

任何一个页面都有三部分

序号 内容 描述
1 文本内容 用户可见的内容,如新闻,电话
2 其它资源引用 图片,视频,音频
3 标记(标签) 对文本,其它资源的描述

  1. <p>我是php中文网的学生,zero</p>
  2. <img src="logo.png" ait="log" />

2.html 设计思想

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

3. html 页面结构

Emmet:用来快速生成 html /css 语句

  1. <!DOCTYPE html>
  2. <!--通知浏览器,我是一个html5文档 -->
  3. <html lang="zh-CN">
  4. <!--html:根标签/根元素-->
  5. <head>
  6. <!--head中的内容,用户不感兴趣,或者不需要用户看到,给浏览器/开发者看-->
  7. <!--元数据:描述某种特定信息的数据-->
  8. <meta charset="UTF-8" />
  9. <!--当前字符集是utf-8 -->
  10. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  11. <!--viewport:视口/可视区屏幕-->
  12. <title>当前页面的标题</title>
  13. </head>
  14. <body>
  15. <!--这里面是用户真正看到的内容-->
  16. <h2>hello</h2>
  17. </body>
  18. </html>

4.元素,属性,和值

4.1 元素与标签描述

元素 标签 描述
非空元素 双标签 <p>这是双标签示例</p>
空元素 单标签 <img src=“logo.jpg” alt=“空元素单标签示例”

4.2 属性和值

  • 属性写在起始标签中 示例:<h2 style="color: chocolate;">php 前端开发</h2>
  • 值:预定义值,字符串,指定格式,数值,布尔值
  • 布尔值:只要在元素中出现这个属性,就代表他是 true,如果你不需要它,就不要写
  • 几乎所有元素都可以设置的三大通用属性:id,class,style

5.网页中的实体字符

  • 空白的处理:空格,制表符,换行符,

6.文件与文件夹

  • 全部使用小写
  • .html,.htm
  • 文件名:hello_world.php

7.URL

7.1 语法

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

https://www.lzpd.net/course/123.html

  • http/https:协议,模式
  • www.lzpd.net 域名/主机名
  • course/123.html:访问的资源在服务器上的真是路径

朱老师讲的专业,由于接触了SEO而想学习建站。4.2号得课程让我有了大致得了解。努力不可补作业好尽早跟随节奏

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议