Blogger Information
Blog 5
fans 0
comment 4
visits 2743
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
HTML学习体会与总结
峰仔
Original
689 people have browsed it

一、0402html学习体会与总结

[toc]

1、补充学习了Markdown相关简单的语法

  • 1、标题
    1. # 一级标题
    2. ## 二级标题
    3. ### 三级标题
    4. #### 四级标题
    5. ##### 五级标题
    6. ###### 六级标题
  • 2、段落
    方法1:末尾两个空格+回车
    方法2:直接换行
  • 3、字体
效果 实列
斜体 斜体文本
粗体 粗体文本
粗斜体 粗斜体文本
删除线 原价999
下划线 <u>好好学习</u>
  • 4、列表
  • 无序列表可以使用*、+、—号来表示
  1. 有序列表使用数字+.号来表示
  • 5、图标
    alt 图标

  • 6、表格
    -: 设置内容和标题栏居右对齐。
    :- 设置内容和标题栏居左对齐。
    :-: 设置内容和标题栏居中对齐。

  • 7、高级应用还在慢慢学习
    <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑

2、html的基础知识的学习回顾

1、网页的组成部分

文本内容 标记 外部引用

2、html的设计思想

个人理解就是通过超文本的方式通过html语言展示,html语言又通过标签来实现定位展示。

3、html页面的结构

  1. <!DOCTYPE html>
  2. <!-- 浏览器标记识别码 -->
  3. <html lang="en">
  4. <!--
  5. html:根标签, 俗称:根元素;
  6. lang="en": 浏览器本语言设定(中文:zh-CN)
  7. -->
  8. <head>
  9. <!-- head中的内容, 网站关键字、收录信息等-->
  10. <!-- 样式文件写在这个区域 -->
  11. <meta charset="UTF-8" />
  12. <!-- 文档的字符集是UTF-8 gkb等等-->
  13. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  14. <!--
  15. viewport:视口/可视区屏幕, 针对移动端而言的.
  16. width=device-width:当前宽度跟设备宽度一致.
  17. initial-scale=1.0:初始缩放比例, 1.0表示不缩放.1比1显示.
  18. -->
  19. <title>HTML基础知识学习</title>
  20. <!-- 当前页面的标题, 在浏览器的标签页显示 -->
  21. </head>
  22. <body>
  23. <!-- body中的内容是用户真正看到的内容 学习的一般标签都在这个区域-->
  24. <p>认真学习,天天向上</p>
  25. <hr>
  26. <a href="http://94ni.cn">峰仔博客</a>
  27. </body>
  28. </html>

4、元素的属性与值

  • 4.1元素分为非空元素—-双标签, 空元素—-单标签

  • 4.2 属性和值
    属性:是在起始标签中对标签内容进行描述的工具
    值:属性的值.
    值的类型:
    预定义值, 如颜色值 green 等;
    字符串, 如下面例子中 class 属性的值 “active” 就是字符串, 支持自定义;
    指定格式值, 如:a标签的 href 属性值, 必须写 url 格式的字符串值;
    数字值:1,2,3,4,5,6…3.14159265;
    布尔值, 如:required, checked 和 selected.在起始标签中写这个属性名, 或者属性名=”属性名”(如:required=”required”), 则代表这个属性的值为 true, 不写这个属性名, 则代表这个属性的值为 false
    几乎所有元素都可以设置的属性:id class style

  • 4.3层次关系
    就是标签正确的嵌套 区元素、块元素
    <label for="text-id">控件关联需要通过id属性实现</label> <input id="text-id" type="text" />

6. 网页中的文本字符(复制老师熟记)

  • 多个空格,制表符,回车符,换行符,都会被压缩为一个空格
  • <,>,&等字符具有特殊意义,需要转义后才允许添加到 html 文档
  • 转义字符语法: & + 字符实体名称 + ;, 如<,使用: <表示
  • Unicode极大的缓解了特殊字符的问题,推荐将文档编码设置为utf-8
  • 只需要在<head> <mata charset="UTF-8"> </head>
  • 常用转义字符表
序号 字符 描述 转义字符 实体编号
1 ' ' 空格 nbsp;
2 < 小于 < <
3 > 大于 > >
4 & &符号 & &
5 " 双引号 " "
6 © 版权 © ©
7 ® 已注册商标 ® ®
8 × 乘号 × ×
9 ÷ 除号 ÷ ÷

7. 文件与文件夹名称(编写规范认真对待)

  • 全部使用小写字母: chapter1/demo1.html
  • 采用合适的扩展名: .html, 不要用.htm
  • 坚持使用连接线-,而不是下划线_分隔多个单词

8、url的理解

URL:统一资源定位符. 类似地球仪用经纬度定位位置;互联网中用 ip 定位主机位置. 互联网上的任何一个文件/资源必须要用一个唯一的访问地址, 这个就是 URL.
http/https: 协议, 模式. 服务器不知道开放哪个端口来接收你的请求, 所以需要达成协议, 约定 http 协议的请求, 服务器就使用 80 端口接收;https 协议请求, 就使用 443 端口接收.除此之外, 还有 ftp 协议, 使用 21 端口接收.邮件协议, 使用 25 端口接收. mysql使用3306端口
域名就是IP的解析地址
相对地址: 相对于当前文档位置的地址 父目录 ../

3、4月2日HTML学习个人体会

html语言是网页的基础 属性标签具体应用还需要多讲,学了两天对于0基础的我还是能跟上老师的进程。

Correcting teacher:天蓬老师天蓬老师

Correction status:qualified

Teacher's comments:直播时间有限, 不可涉及全部属性
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
1 comments
峰仔 2020-04-03 14:00:37
认真学习! 天天向上!!!
1 floor
Author's latest blog post