我是靠谱客的博主 俊秀墨镜,最近开发中收集的这篇文章主要介绍HTML的代码格式及常见标签,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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的代码格式及常见标签所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(42)

评论列表共有 0 条评论

立即
投稿
返回
顶部