在这里推荐大家使用webstorm这款软件,下载链接以及安装教程网上一搜就能找到。
HTML文件的基本标签
1.html标签为文件的开始标签,文件的所有内容都应该在这个标签内,该标签不带任何属性
2.head标签表示网页的头部标签,里面并不放置网页的任何内容,仅仅放置关于HTML的文件信心,包括文件的标题、编码方式等
3.title文件标题标签,放在head标签内部,作为窗口名显示在网页的最上方
4.meta标签一般用来定义页面信息的名称,关键字,作者等,属于单独标签,属性主要有name用来描述网页,以便搜索机器人查找,这个标签内容是不可见的
5.body页面的主题标签,网页显示的元素写在次标签内,代表网页的主体
6.页面的注释,
一、body:标签的常用属性
<body text="属性值">使用方法</body>
text:设定界面的颜色
bgcolor:设置界面的背影颜色
background:设置界面的背景图片
bgproperties设置界面的背景图片为固定不随界面的滚动而滚动
link:设置界面默认的链接颜色
alink:设置鼠标正在点击时的链接颜色
vlink:设定访问过的链接颜色
topmargin:设定页面的上边距
leftmargin:设定界面的左边距
二、h:标题标签
<h1>我是h1标签</h1>
<h2>我是h2标签</h2>
<h3>我是h3标签</h3>
<h4>我是h4标签</h4>
下面还有h5,h6标签因为在简书我不会改字体大小就不举例了
三、标题的对其方式
align:right右对齐,left左对齐,center居中
使用方法:<h1 align="属性值">标签内容</h1>
四、文字的上标与下表
<sup>上标</sup>
<sub>下表</sub>
代码示例:
<h1 align="center">上标签和下标签</h1>
<h2 align="center">在数字计算中</h2>
<h4 align="center">上标:X<sup>3</sup></h4>
<h4 align="center">下标:Y<sub>4</sub></h4>
运行结果:
五、特殊文字符号
常用的特殊文字符号:空格、小于、大于
使用方法: (空格),&it,>
代码示例:
<body>
<p>在html中一些特殊符号是无法通过直接输入显示出来了,需要通过转义字符</p>
<P>我是⁢号</P>
<P>我是>号</P>
<P>我是 号</P>
</body>
运行结果:
在html中一些特殊符号是无法通过直接输入显示出来了,需要通过转义字符
我是<号
我是>号
我是 号
六、文字的斜体下划线删除线
<em>斜体内容</em>
<u>下划线标签</u>
<strike>删除线标签</strike>
七、段落排版标签
<pre>不经常用</pre>
八、水平线标签
<hr>
水平线宽度:width
语法:<hr width="数值">
九、文字的上标和下表
<sup>上标</sup>
<sub>下标</sub>