HTML标签

 HTML (Hyper Text Markup Language) 超文本标记语言,通过标记标签进行描述网页需要的内容和结构

 HTML标签通常是用尖括号,成对出现,分别成为开始标签和结束标签(开放标签和闭合标签)


  • HTML基本结构

<!DOCTYPE>
<html>
<head></head>
<body></body>
</html>

其中 <html> 与 </html> 之间的文本描述网页
<head></head>之间的文本描述文档的各种属性和信息,及引用的脚本网页样式等
<body> 与 </body> 之间的文本是可见的页面内容

  • HTML标题

 -<h1>一级标题</h1>

 -<h2>二级标题</h2>

 以此类推……

  • HTML段落

 - <p></p>进行段落文本的内容的书写
 - <blockquote></blockquote>进行段落的缩进
 - <b></b>文字加粗
 -<i></i>设置斜体
<u></u>设置下划线

  • HTML插入

-链接:<a href="URL"></ a>
-图片: ![](XXX.jpg)

  • HTML表格
<table>
    <thead>
        <tr>
            <th></th>
       </tr>
    </thead>

    <tbody>
       <tr>
            <td></td>
      </tr>
    </tbody>  
    <tfoot>
          <tr>
            <td></td>
          </tr>
    </tfoot>
</tabe>

其中 thead、tbody、tfoot使整个表格代码结构清晰
th设置表格表头、会呈现加粗居中效果
tr定义每一个表格的行,td定义每一个单元格

-样式设置 -

width、height设置表格的宽和高;
boder设置表格边框
colspan、rowspan可设置单元格的跨行及跨列

  • HTML列表
有序列表
<ol>
    <li></li>
</ol>
无序列表
<ul>
    <li></li>
</ul>

在无序列表中可通过style设置样式
dics     实心圆点
square   实心方块
circle    空心园点
……

  • HTML表单
<form>
<input type = ""/>
</form>

type 类型
radio   单选
text     文本
submit   提交
……

  • 样式设置
    通过<span></span>可对span内的内容进行样式的设置
    通过<div></div> 定义块进行样式设置
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,708评论 1 41
  • 在前一篇文章中已经简单提到Html标签了,在本文中就不再赘述它的介绍了。想要再看看的可以戳Html+Css基础概要...
    年少有van阅读 4,419评论 0 14
  • 今天有机会将css的内容重新总结一次也是一件极好的事,从较基本的总结一遍,也便于对基本概念的更深入的理解。 HTM...
    gyc0530阅读 4,084评论 0 3
  • 寒假回到家的这段时间,我常常在下午出门跑步,跑到很远很远的地方,然后走回来。一路上没有塞在耳朵里的音乐,有风声,偶...
    色彩鲜艳的胖纸阅读 2,849评论 0 1
  • 我孤身一人,独伐一叶偏舟。 ­ 只书一侧,茶一壶,足矣。 ­ 坐在船内,独享。 ­ 不必划动小桨,就让遇风而走,遇...
    楼念念阅读 2,994评论 0 0

友情链接更多精彩内容