HTML 学习笔记 day one

HTML学习笔记

day one

Chapter one 网站开发基础

1.2网站的基本架构

网站的基本要素：内容，页面，超链接

动态网页和静态网页的区别在于：动态网页会自动更新，后缀名是.asp或者.aspx;而静态网页不会自动更新，要改变它只能够去改变它的代码，它的后缀名是.html或者.htm。

1.3常见的网站结构

苹果mac os x 平台的web浏览器是Safari，Firefox是最符合web标准的浏览器（现在的设计师检测网站的时候，一般会用ＩＥ，Ｆｉｒｅｆｏｘ，ｏｐｅｒａ，Ｓａｆａｒｉ这几个浏览器。

１.７常见的长度单位

用来控制框架和图片常用的是ｐｘ，控制字体常用的单位是ｅｍ，其次是相对单位％

Ｃｈａｐｔｅｒ　ｔｗｏ　ＨＴＭＬ基础

２.１ＨＴＭＬ页面结构

＜ｈｔｍｌ＞文档内容＜／ｈｔｍｌ＞

＜ｈｔｍｌ＞这对标签的开始和结束意味着网站的开始和结束

＜ｈｔｍｌ＞标签之后就是　头部标签＜ｈｅａｄ＞：头部标签里面可以有＜ｍｅｔａ＞标签，它在＜ｈｔｍｌ＞和＜ｔｉｔｌｅ＞标签（２.２中进行了详细的介绍）。它所独有的一个便签是＜ｔｉｔｌｅ＞称之为标题元素，用来定义页面的标题，显示在浏览器窗口的标题栏

＜ｈｅａｄ＞之后是　主题标签＜ｂｏｄｙ＞

２．２元信息标签＜ｍａｔａ＞

ｍｅｔａ的作用：定义页面主题；设置页面，使其根据的时间间隔来刷新页面。

ｍｅｔａ的属性：ｎａｍｅ，ｈｔｔｐ－ｅｑｕｉｖ，ｃｏｎｔｅｃｔ，ｃｈａｒｓｅｔ，ｕｒｌ

ｎａｍｅ属性：
用来描述网页，以便于搜索引擎查找和分类，

语法结构：＜ｍａｔｅ　ｎａｍｅ＝＂＃＂，ｃｏｎｔｅｃｔ＝＂内容＂＞

　注：当＃为不同的值时，ｃｏｎｔｅｃｔ中所对应的内容是不同的。

Ｈｔｔｐ－ｅｑｕｉｖ属性：

作用：反馈给浏览器一些有用的信息，来帮助页面正确和精确的显示页面内容，是网页里必不可少的标签属性

语法结构：＜ｍｅｔａ　ｈｔｔｐ－ｅｑｕｉｖ＝＂ｃｏｎｔｅｎｔ－ｔｙｐｅ＂　ｃｏｎｔｅｎｔ＝＂ｔｅｘｔ／ｈｔｍｌ；ｃｈａｒｓｅｔ＝ｇｂ２３１２＂＞

　注：ｈｔｔｐ－ｅｑｕｉｖ＝＂ｃｏｎｔｅｎｔ－ｔｙｐｅ＂　设定页面所使用的字符集

　ｈｔｔｐ－ｅｑｕｉｖ＝＂ｒｅｆｒｅｓｈ＂是用来定时让网页在指定的时间内，跳转到指定的页面。

还有一些不常用的标签，需要的时候再去查吧

２．３段落排版标签

＜ｐ＞内容＜／ｐ＞是段落标签

＜ｂｒ／＞是换行标签，两个换行标签相当于一个段落标签

２．４水平分割线＜ｈｒ＞

＜ｈｒ／＞这是他经常的用法，就只有一条默认的分割线

它的属性有：ｓｉｚｅ，用来设置水平分割线的粗细；ｗｉｄｔｈ，设置水平分割线的宽度；ａｌｇｉｎ，设置水平分割线显示的位置；ｃｏｌｏｒ，设置水平分割线的颜色；ｎｏｓｈａｄｅ，取消水平分割线阴影，他是没有属性值的。

语法结构：＜ｈｒ　ｓｉｚｅ＝＂数字ｐｘ＂　ｗｉｄｔｈ＝＂数字ｐｘ＂　ａｌｇｉｎ＝＂ｌｅｆｔ／ｃｅｎｔｅｒ／ｒｉｇｈｔ＂　ｃｏｌｏｒ＝＂用十六进制或者直接用英文”　ｎｏｓｈａｄｅ／＞

２.６设置网站背景色

语法结构：＜ｂｏｄｙ　ｂｇｃｏｌｏｒ＝＂颜色名“＞

转载于:https://www.cnblogs.com/whatyouknow123/p/4796349.html

HTML 学习笔记 day one相关推荐

PyTorch 学习笔记（六）：PyTorch hook 和关于 PyTorch backward 过程的理解 call
您的位置首页 PyTorch 学习笔记系列 PyTorch 学习笔记(六):PyTorch hook 和关于 PyTorch backward 过程的理解发布: 2017年8月4日 7,195阅读 ...
容器云原生DevOps学习笔记——第三期：从零搭建CI/CD系统标准化交付流程
暑期实习期间,所在的技术中台-效能研发团队规划设计并结合公司开源协同实现符合DevOps理念的研发工具平台,实现研发过程自动化.标准化: 实习期间对DevOps的理解一直懵懵懂懂,最近观看了阿里专家带 ...
容器云原生DevOps学习笔记——第二期：如何快速高质量的应用容器化迁移
暑期实习期间,所在的技术中台-效能研发团队规划设计并结合公司开源协同实现符合DevOps理念的研发工具平台,实现研发过程自动化.标准化: 实习期间对DevOps的理解一直懵懵懂懂,最近观看了阿里专家带 ...
2020年Yann Lecun深度学习笔记（下）
2020年Yann Lecun深度学习笔记(下)
2020年Yann Lecun深度学习笔记（上）
2020年Yann Lecun深度学习笔记(上)
知识图谱学习笔记（1）
知识图谱学习笔记第一部分,包含RDF介绍,以及Jena RDF API使用知识图谱的基石:RDF RDF(Resource Description Framework),即资源描述框架,其本质是一个 ...
计算机基础知识第十讲,计算机文化基础（第十讲）学习笔记
计算机文化基础(第十讲)学习笔记采样和量化PictureElement Pixel(像素)(链接: 采样的实质就是要用多少点(这个点我们叫像素)来描述一张图像,比如,一幅420x570的图像,就表示 ...
Go 学习推荐 —（Go by example 中文版、Go 构建 Web 应用、Go 学习笔记、Golang常见错误、Go 语言四十二章经、Go 语言高级编程）
Go by example 中文版 Go 构建 Web 应用 Go 学习笔记:无痕 Go 标准库中文文档 Golang开发新手常犯的50个错误 50 Shades of Go: Traps, Gotc ...
MongoDB学习笔记(入门)
MongoDB学习笔记(入门) 一.文档的注意事项: 1. 键值对是有序的,如:{ "name" : "stephen", "genda" ...
NuGet学习笔记(3) 搭建属于自己的NuGet服务器
文章导读创建NuGetServer Web站点发布站点到IIS 添加本地站点到包包数据源在上一篇NuGet学习笔记(2) 使用图形化界面打包自己的类库中讲解了如何打包自己的类库,接下来进行最重 ...

HTML 学习笔记 day one

HTML 学习笔记 day one相关推荐

最新文章

热门文章