微软OneNote客户预览版学习工具下载(暂未上线):教学好帮手
601
2022-05-29
1.1 HTML 文件的基本结构
由最前面的文档声明标签 及一个 内包含一个文档头标签
和一个文档主体标签 组成
1.2 重要的标签
1、 文档类型声明,确保浏览器按照最佳的相关规范进行渲染 2、
头部标签,规定文档相关的配置信息(元数据)包括文档的标题,引用的文档样式和脚本等 3、1.3 元素的组成部分
2.1 标题元素
1、
3.1
段落元素
1、用于定义段落,浏览器会自动在其前后创建一些空白 2、文字行数取决于浏览器窗口的宽度 3、标签中的连续空格最终都将解析成一个空格,可使用 特殊字符代表空格 4、
是块级元素
4.1 div 标签
1、div 是 division 的含义,用来划分区域,代表网页中的块,所以一般把它叫做块标签 2、div 标签通常用于包围大块内容,它没有任何特殊的含义 3、div 适合作为最通用的页面容器 4、div 是块级元素
4.2 span 标签
1、span 是内联标签,用在一行文本中,用来修饰文字 2、span 是内联元素
4.3 块级元素 vs 内联元素
块级元素(block level element)
内联元素(inline element)
二者的区别如下:
1. 块级元素独占一行,内联元素在一行内显示; 2. 块级元素可以设置 width、height 属性,而内联元素设置这些属性无效; 3. 块级元素的默认 width 为 100%,而内联元素的的 width 是根据其内容或子元素确定的。
5.1 链接标签
5.2 链接属性:
1、href 属性表示链接的地址,可以是相对地址或绝对地址 2、target 属性表示点击链接后打开的方式 默认值为 _self,表示在当前窗口打开新链接 设置成 _blank,表示在新窗口中打开
5.3 空链接:点击不做任何跳转
之前主要作为按钮实现,目前不推荐
5.4
为页面上的所有链接规定默认地址或默认目标。
例如:
6.1 img 图片标签
1、用于定义一张图片,属于单标签结果,它有两个属性,src 代表图片的地址,alt 属性代表当图片无法显示时的替代文本 2、图片地址可以使用相对或绝对路径 3、alt 属性不要省略,目的是为了更好的兼容无图浏览器 4、可设置 height 和 width 属性来设置图片的宽度和高度
示例
7.1 无序列表 (Unordered List)
1、使用
效果如下:
○ 列表项1
○ 列表项2
○ 列表项3
7.2 有序列表 (Ordered List)
1、使用
效果如下:
d. 列表项1
e. 列表项2
f. 列表项3
7.3 自定义列表 (Definition List)
1、使用
效果如下:
上海市
普陀区
浦东新区
静安区
MDN HTML(超文本标记语言)
W3C HTML 系列教程
web前端
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。