| 前端开发笔记（1）html基础 | 您所在的位置：网站首页 › 钉钉电脑不显示在线课堂 › 前端开发笔记（1）html基础 |
前端开发笔记（1）html基础
|
HTML介绍 HTML是HyperTextMarkupLanguage超文本标记语言的缩写 HTML是标记语意的语言 编辑器任何纯文本编辑器都能够编辑html，比如记事本，editplus,notepad++ 比较有名的专门制作网页工具有：DreamWeaver (Adobe公司的产品，过时了，不是一个好的代码编辑器） Sublime （高效率的程序书写工具） WebStorm （更高级的项目级别编程工具） 文档头声明任何一个标准的HTML页面，第一行一定是一个以 我们现在学习的是HTML4.01这个版本，这个版本是IE6开始兼容的。HTML5是IE9开始兼容的，但是IE 6,7,8这些浏览器还不能过早被淘汰，所以这几年网页还是该用HTML4.0.1来制作，移动端可以使用HTML5了。 4.01两大规范HTML4.01里面有两大种规范，每大种规范里面又各有3种小规范。所以一共6种规范。 HTML4.01里面规定了普通,XHTML两大种规范。 HTML 觉得自己有一些规定不严谨，比如，标签是否可以用大写字母呢？ 所以，HTML就觉得，把一些规范严格的标准又制订了一个XHTML1.0。在XHTML中的字母X表示”严格的“ HTML4.01规定了三种文档类型：Strict, Transitional以及Frameset. 所以HTML第一行有6种写法。 大规范 里面的小规范 HTML4.01 Strict Transitional Frameset HTML1.0 Strict Transitional Frameset strict表示严格，这种模式要求比较严格，比如标签 让文本加上下划线，和html的本质含义有冲突，html只负责语义（文档结构）transitional表示普通的 frameset框架的页面 我们学习的就是XHTML1.0中的transitional版本，因为我们的页面中偶尔要使用一些类似u这种标签HTML5中极大的简化了DTD,也就是HTML5中没有XHTML了 Sublime生成框架的快捷键html:xt按Tab键生成下面代码 Document常用头部设置定义标签的标题定义浏览器工具栏中的标题 提供页面被添加到收藏夹时显示的标题 显示在搜索引擎结果中的页面标题 Title of the documentThe content of the document......元素为页面的规定地址或默认target 元素标签用于为 HTML 文档定义样式信息。 您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式 body {background-color:yellow}p {color:blue} 元素标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的（给搜索引擎看的）。一般情况下，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。 标签始终位于 head 元素中。 定义页面描述定义页面关键词元素标签用于定义客户端脚本，比如 JavaScript。 function fun(){ alert("ok"); }标签 描述 定义关于文档的信息 定义文档标题 定义页面上所有链接的默认地址或者默认目标 定义文档与外部资源之间的关系 定义关于HTML文档的元数据 定义客户端脚本 定义文档的样式信息 常用标签html的标签语法特征1.html对换行不敏感。 2.html中文之间所有空格、换行、Tab都被折叠为一个空格显示。 3.html标签要严格封闭。 列表有序列表 item1 item2显示效果： item1item2 无序列表 item1 item2显示效果： item1item2 自定义列表 北京 国家首都，政治文化中心 天安门在北京的 八达岭长城在北京 上海 有外滩，东方明珠塔 黄浦江在上海一个可以配很多使用非常灵活，一个dt可以有很多描述dd. 显示效果： 北京 国家首都，政治文化中心 天安门在北京的 八达岭长城在北京 上海 有外滩，东方明珠塔 黄浦江在上海 和div在浏览器中，默认是不会增加任何的效果改变的，但是语义变了，div中的所有元素是一个小区域。 div标签是一个容器级标签，里面什么都能放，甚至可以放div自己 span也是表达”小区域，小跨度“的标签，但是是一个”文本级“的标签，也就是说span里面不能放p, h, ul, dl, ol, div span里面是放置小元素的，div里面放置大东西的 所以，我们亲切的称呼这种模式叫做”div+css”, div标签负责布局，负责结构，负责分块。css负责样式。 Document .outdiv{ width:200px; height:200px; background-color:green; } .innerdiv{ width:100px; height:100px; background-color:blue; }
表单就是收集用户信息的，就是让用户填写，选择的 账号: 密码: input标记文本输入框: 提交按钮： 密码输入框： 单选： 多选： 重置： 普通按钮： 上传文件： 隐藏域： 非input标记下拉列表： 北京武汉南京多行文本输入框： html废弃的标签以下这些标签并不是表面页面结构的，所以不建议使用 haha 加粗 下划线 倾斜 删除线 |
【本文地址】