一篇教会你Html语法

Html的语法总结

简介

通过标签来标记要显示的网页中的各个部分，网页文件本身是一种文本文件。通过在文本中添加标记符，可以告诉浏览器如何显示其中的内容。

标签语法

• 标签不能交叉嵌套
• 标签必须正确的闭合
• 没有内容的标签<br />
• 属性必须有值，属性必须加引号
• 注释不可以嵌套

常用标签

• font

<font color="#a52a2a" size="7" face="宋体"> 三线码农学编程</font>

• 特殊字符
  • <:左
  • >：右
  •  ：空格

<三线码农 爱编程&gt

• 标题字符

从标题1到6

• 超链接
  • href属性设置连接的地址
  • target属性设置哪个目标进行跳转
    • _self 表示当前页面
    • _blank 表示打开新页面进行跳转

<a href="hhttps://blog.csdn.net/AzirBoDa?spm=1019.2139.3001.5343">三线码农学编程</a>
<a href="https://blog.csdn.net/AzirBoDa?spm=1019.2139.3001.5343" target="_self">三线码农学编程</a>
<a href="https://blog.csdn.net/AzirBoDa?spm=1019.2139.3001.5343" target="_blank">三线码农学编程</a>

• 列表标签
  • 有序列表
  • 无序列表

<!--无序-->
<ur>
    <li>三岁码农学编程</li>
    <li>三岁码农学编程</li>
    <li>三岁码农学编程</li>
    <li>三岁码农学编程</li>

</ur>
<!--有序-->
<ol>
    <li>三岁码农学编程</li>
    <li>三岁码农学编程</li>
    <li>三岁码农学编程</li>
    <li>三岁码农学编程</li>
</ol>

• 图片标签

  • img标签是图片标签，用来显示图片
  • src属性可以设置图片的路径
  • 相对路径：从工程名开始算
  • 绝对路径：盘符：/目录/文件名

  <img src="../imgs/1.jpg" width="200" border="1" height="260"/>	
  

• 表格标签

  <table border="1" width="300" >
      <tr>
          <td>1.1</td>
          <td>1.2</td>
          <td>1.3</td>
      </tr>
  
      <tr>
          <td>2.1</td>
          <td>2.2</td>
          <td>2.3</td>
      </tr>
  
      <tr>
          <td>3.1</td>
          <td>3.2</td>
          <td>3.3</td>
      </tr>
  
  </table>
  

  • 跨行lowspan
  • 跨列colspan

• iframe标签

  可以在页面上开辟一个小区域显示一个单独的页面

• 表单标签

  • 文本框

  • 单选

  • 复选

  • 下拉

  • 重置

    标签	属性
    input type=text 是文本输入框	value设置默认显示内容
    input type=password 是密码输入框	value设置默认显示内容
    input type=radio 是单选框	name 进行分组check=“checked’ 表示默认选中
    input type=checkbox 是复选框	check=“checked’ 表示默认选中
    input type=reset 是重置按钮	value属性修改上面的文本
    input type=submit 是提交按钮	value属性修改提交的文本
    input type= file 文件上传
    input type = hidden 是隐藏域

  • action属性设置提交的服务器地址

  • method属性设置提交的方式GET（默认值）或POST-

• 其他标签

  • div标签 默认占一行
  • span标签 它的长度是封装数据的长度
  • p段落标签 默认会在段落的上方或下方各空出一行来（如果已有不在交）