博客列表 >4月2日作业_Html基础知识笔记

4月2日作业_Html基础知识笔记

张九明
张九明原创
2020年04月03日 11:21:38458浏览

html 基础知识

1.网页的组成

任何一个页面都有三部分

  • 文本内容
  • 其它资源的引用:图片、视频、音频。。。
  • 标记(标签),对文本、其它资源的描述
  1. <p>我正在学习PHP课程</p>
  2. <img src="logo.png" alt="logo" />

2.html 的设思想

  • 超文本:是指包括了超链接的文本
  • 预定义标记(内置标记):是用来描述内容的固定标签
  • 语言:html 不是编程语言,是标记语言,是 html 文档的工具。css,less 把 css 当做编程语言

3.html 页网结构

Emmet 插件:是用来快速生产 html、css 的工具
html:根标签/根元素

  1. <html lang="zh-CN"></html>

元数据:描述某种特定信息的数据
uft-8 字符集
viewport:视口/可视区屏幕
initial-scale=1.0,缩放。1 是 1:1 显示,不缩放
注释,ctr+/, <!— ->


4.元素、属性和值

4.1 元素

  • 非空元素:双标签`<p>快乐</p>
  • 空元素:单标签`<img src="">,并非真没有内容,内容是外部资源

4.2 属性和值

  • 属性是对元素进一步描述的文本,添加在起始标签中
  • 值是属性的值,必须写指定的值。预定义值,字符串,指定格式(如 URL),数值(如字体像素值 36px),布尔值(bool)
  • 布尔值:指要出现就代表为真(true),如不需要就不要写
    属性:style\type\ID\class\label,id 必须具有唯一性,程序员来保证
    • 几乎所有元素都可以设置的三大通用属性:id,class,style

5.网页中的文本(实体字符)

  • 空白的处理:空格,制表符,换行符,无论写多少个都算一个
  • 字体字符,三个组成部分,&、转义字符和;
  • 实体名称对大小写敏感!
  • 实体字符表:
    |显示结果|描述|实体名称|实体编号|
    |:-:|:-:|:-:|:-|
    | |空格|&nbsp;|&#160;|
    |<|小于号|&lt;|&#60;|
    |>|大于号|&gt;|&#62;|
    |&|和号|&amp;|&#38;|
    |”|双引号|&quot;|&#34;|
    |’|单引号|&apos;(IE 不支持)|&#39;|
    |©|版权(copyright)|&copy;|&#169;|
    |×|乘号|&times;|&#215;|
    |÷|除号|&divide;|&#247;|

6.文件夹和文件

  • 全部使用小写
  • 扩展名:.html,.htm
  • html 中不区别大小写
  • 文件名:使用下划线
  • html 单词使用中划线划分,但在变量名不能用中划线,只能用下划线

7.URL

7.1 语法

  • URL 统一资源定位符,互联网上的资源必须有一个唯一的访问地址
    http/https:协议

8.总结

  • html 标签很多,需要多看多练
  • 需要重复看课程视频
  • 需要提前预习一部分知识,如看网站上的视频、学习手册
  • 坚持学习,躬身入局,做一个终身学习者
  • 晚上读了一下《了不起的 markdown》一书,vscode 真是神器呀。
  • 困拢的问题:
    • 如何坚持下去?懒性太强! :cry:
    • 发现需要掌握的知识点太多,如何解决?。如 markdown 语法、html 标签、CSS、PHP、各种规则…
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议