HTML入门之基本标签

html全称(Hypetext markup Language):超文本标注语言
超文本:网页中除文本外,包含视频,图片,音频,超链接,表格,列表等
标注也就所谓：记号，标志
标记语言:指标签结合而成的语言<>当然语言主要有：java.python.程序语言(也就是代码)
HTML：编写网页的标准浏览器可以识别的语言只有Html语言
网页的基本结构:

<html>
     <head></head>
     <body></body>
</html>
<head></head>:告诉浏览器，网页用什么字符集
<title></title>:中只能写纯文本
<body></body>:网页中99%内容在body中，只要放在body中，最终浏览器才能翻译出来
<body>常用属性( bgColor：网页背景色  background：网页背景图片地址  )

网页扩展名:html,htm
网页编译器:Hbuilder,DW,Webstorm…
Hbuilder快捷键:
Ctrl+/ 快捷注释/取消注释
Ctrl+d 快速删除
Ctrl+方向键移动代码位置
Ctrl+f 快速搜索
Ctrl+shift+f 整理代码
Alt+/ 代码提示Html中基本的标签:(有单,双两种标签)

段落标签 <p></p>(具有行间距 常用属性：align：水平对齐方式，取值：left(左)、 center(居中)、 right(右）)
换行标签 <br/>
预定义格式化标签 <pre></pre>(就是写成什么就显示什么)
加粗标签 <b></b>
下划线 <u></u>
倾斜 <i></i>
上标 <sub></sub>
下标 <sup></sup>
水平线 <hr/>
字体标签 <font></font>(基本属性:size:文本大小，取值1-7，慢慢变大 color:颜色值。Face：字体)
超链接标签 <a></a>属性 target:设置是否重新打开一个窗口显示链接(_blank:重新打开一个窗口  _parent:当前页面打开)
图片标签 <img src="(加入图片)">水平线基本属性:size：水平线的粗细，单位一般为 px。color：水平线的颜色。 width：水平线的宽度。 noshade：去掉水平线的阴影(在 HTML 中，noshade 是没有值的属性)
格式<hr size="_" color="_" width="_" noshade="noshade">
标题标记：<h1>……<h6> 
功能：定义各种标题。
属性：align 水平对齐方式，取值：left、center、right。HTML字符实体
 &nbsp;代表一个半角空格.
 <：&lt;
 >：&gt;
 &：&amp;
 ￥：&yen;
 ×：&times;
 ÷：&divide
 ;boder:表示的是表格的边框宽度

举例:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8"/>
  <title>不会打代码</title>
 </head>
 <body>
 <font color="blue">赠汪伦<sub><font color="black">-李白</font></sub></font><br>
 <br>
 <font>李白乘舟将欲行，</font><br>
 <font size="5" color="yellow" face="宋体">忽闻岸上跳歌声。</font><br>
 <font face="隶书">桃花潭水深千尺，</font><br>
 <font color="red"><u>不及汪伦送我情。</u></font><hr />
 <font>求二元方程组a<sup>2</sup>+b<sup>2</sup>=24的解</font><br>
 </body>
</html>

列表:一组数据的集合
(1)有序列表 (2)无序列表 (3)自定义列表
有序列表:

<ol>
     <li>....</li>
     <li>....</li>
 </ol>
 在<li></li>中写入内容

属性: type：编号类型，取值：1、a、A、i、I start：从第几个开始编号(数字)
无序列表:

<ul>
     <li>....</li>
     <li>....</li>
</ul>

属性:type:项目符号的类型，取值：disc(小黑点)、circle(空心圆)、square(实心方块)
自定义列表:

<dl>
     <dt>....</dt>
     <dd>....</dd>
</dl>

表格基本格式:

<table>(属性:cellspacing:设置单元格与单元格的距离    cellpadding:设置单元格内容与单元格边框之间的距离)
          <tr>(表示行)
              <td>.....</td>(表示列)
              <td>.....</td>
          </tr>
</table>

表格的基本属性:
align:设置元素的水平对齐方式
valign:垂直对齐方式
width:表示宽度
height:表示高度
bgcolor:背景颜色
rowspan:合并行
colspan:合并列
简单的粗略总结,如有不足还望提出来,谢谢

英莱特～吴

原创文章 36 获赞 31 访问量 2106

关注私信

HTML入门之基本标签

猜你喜欢