概述
1、HTML的代码格式:
当浏览器解析HTML代码的时候,无论HTML文件中敲了多少空格都是一个空格,回车亦是如此;
一个tab键相当于四个空格
2、常见标签
1)居中标签 <center></center>
2)换行标签 <br/>
3)分隔线标签 <hr/>
4)段落标签 <p></p>
3、HTML的实体标签
名称 | 格式 |
---|---|
空格 | & nbsp; |
左尖括号 | & lt; |
右尖括号 | & gt; |
4、head头部的标签
标签 | 作用 |
---|---|
< title></ title> | 标题标签 |
< meta charset=“utf-8/>” | 设置字符集 |
< style></sty/e> | 定义css样式的标签 |
< script></ script> | 定义js的标签 |
< link> | 导入外部文件的标签 |
头部标签的一些属性:
1)type 导入文件的类型
2)rel 链接文档和被链接文档之间的关系
3)href 被链接文档的路径
meta描述:
1)http-equiv 告知浏览器行为
2)name 告知浏览器内容
3)content: http-equiv与name之间连接的内容
5、文本标签
标签写法 | 标签名称 |
---|---|
< h1>< /h1>~< h6></ h6> | H族标签,数字越小字体越大 |
< p></ p> | 段落标签 |
< b></ b>///< strong></ strong> | 加粗标签 |
< i></ i>///< em></ em> | 倾斜标签 |
< sup></ sup> | 上标标签 |
< sub></ sub> | 下标标签 |
< u></ u> | 下划线标签 |
< bdo></ bdo> | 文本方向标签 |
dir字体方向:
1 r-t-l 从右向左
2 l-t-r 从左向右
6、列表标签
标签写法 | 标签名称 |
---|---|
< ul></ ul> | 无序列表 |
< ol></ ol> | 有序列表 |
< li></ li> | 列表项 |
< dl></ dl> | 自定义列表 |
< dd></ dd> | 定义列表中的一个项目 |
< dt></ dt> | 对项目的描述 |
7、< img/>图片标签的属性
1)width 宽度
2)height 高度
3)src 链接图片的路径
4)alt 图片加载失败时显示的内容
5)title 图片标题
*注意:
宽度与高度不建议同时设置,设置比例不准确时,会导致图片变形,建议单独设置宽/高。
8、超链接< a></ a>标签的属性
1)href 跳转地址
2)target 窗口的打开方式
3)_blank 在新窗口打开
4)_self 在本窗口打开
9、简单了解路径
1、相对路径:相对于当前位置开始的
./ 当前路径
../ 上一级目录
2、绝对路径:根目录
1)网址 http://www.baidu.com
2)本地地址 从根目录开始的
最后
以上就是俊秀墨镜为你收集整理的HTML的代码格式及常见标签的全部内容,希望文章能够帮你解决HTML的代码格式及常见标签所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复