html标记与文档结构.doc_第1页
html标记与文档结构.doc_第2页
html标记与文档结构.doc_第3页
html标记与文档结构.doc_第4页
html标记与文档结构.doc_第5页
免费预览已结束，剩余1页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

html标记与文档结构学习css之前必懂html这是基础万变不离之根。html是什么？超文本标记语言css就是为html加样式，就是穿衣服。首先要懂行如何写html的结构。用html写网页就是让浏览器能够读懂它。html有114个标签，不用怕，常用的只有25个左右。这点和英语单词有点像。html最新版本是html5,新规定了一批结构化标签， html基础:闭合标签非闭合标签 ,所有的文本都用闭合标签如 文本内容,当然这太简单了，主要是看属性。属性绝定了一切，如 标题和段落引用的内容用自闭合标签：意思就是自己把自己结束。如 建议大家写代码是一定把所有标签都闭合，这是一个符合w3c标准的要求形成好的代码习惯，是成为高手的基本要求。html5对于标签的闭合没有强制要求，这是因为之前的网站没有统一的标准为了适应更多的网站.本节的重点：块级标签：- 表示最重要 行内标签: 链接 段落 图片 有序列表 斜体 列表项 重要 独立引用 简写 引证文本内引用来说下这两个词，块级就是每一个标签都会自动占一行，自动换行，行内：则会紧贴着排成一行，直到内容过多超过一行的范围则会自动换行，复合元素：创建列表表格表单等复杂用户界面组件标记，由多个标签组成，li是一个列表项，只能在ol ul中出现，这是最重要的是理解嵌套标签，这种写法是对的必须先关闭后标签再关闭前标签，html文档剖析： 这里不需要闭合 这是最新的html5的写法 这种写法是html5较之之前简化了许多，这个很有用，文档的可读性就看你的注释写的好不好呢title标签很有用，主要是亲近seo，在后期我会和大家分享更多的seo知识，请记住是分享，也就是说我的水平和您一样，哈哈。那接下来我们来写一短代码加以分析，首先要确家标题加上一段文字下边是一张图，肯定是要先写语义结构的，先不要管好不好看，先把内容表现出来，正常的做法是先写出需要用到的标签，标题一段文字 图写的时候注意文章代码的层次性 别忘了我们的注释啊，无论多么复杂的代码都是这样的流程及规范写法。无标题文档 这是一个小小的测试 分享知识我快乐，希望大家共同进步，我的博客地址: /u/3753799240 这里要引入一个新词叫文档流，一定要记住,意思就是html会按照它们各自在标记中出现的先后顺序，依次从页面上方流向下方。这种方法很实现，css就是让其展现出来特别的效果我们需要的效果。所有的html元素的display(可以实现块级和行内之间的转换)都是block inline这两种，只有table标签特别，有自己的display，请记住,在写代码时，先要问自己所用的标签是块级的还是行内的，这样才能和css更好的结合起来。那我们来看一个代码实例说明一下。无标题文档 这是一个小小的测试 分享知识我快乐，希望大家共同进步 这是一个小小的测试 分享知识我快乐，希望大家共同进步，我的博客地址: 请点击 这是一个小小的测试 这是一个小小的测试 分享知识我快乐，希
人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论