HTML基本结构:
1.png

常用标签:

  • 标题标签:<h1>-<h6>
  • 段落标签:<p></p>
  • 换行标签:<br />
  • 文本格式化标签:
    加粗:<strong></strong><b></b>
    斜体:<em></em><i></i>
    删除线:<del></del><s></s>
    下划线:<ins></ins><u></u>
  • 块元素:<div></div>
  • 行内块元素:<span></span>
  • 图像标签和路径:<img src="图像url" />

    • src 图片路径

      • 相对路径:
        2.jpg
      • 绝对路径:
        本地:E:\html\image\img.jpg
        网络:https://www.yuaq.cn/admin/img/bg.jpg
    • alt 图像不能显示时显示文本
    • title 鼠标悬停提示文字
    • width 图像宽度
    • height 图像高度
    • border 图像边框粗细
    • 超文本链接标签:<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

表格标签:

  • <table></table>:定义表格
  • <thead></thead>:表格的头部区域
  • <tbody></tbody>:表格的主体区域
  • <tr></tr>:定义表格中的行,嵌套在<table></table>标签里
  • <td></td>:定义表格中的单元格,嵌套在<tr></tr>标签里
  • <th></th>:表头单元格标签,一般位于表格第一行或第一列,里面文本加粗居中显示
  • 合并单元格:

    • rowsapn="合并单元格个数":跨行合并
    • colspan="合并单元格个数":跨列合并

表格属性:
3.jpg
列表标签:
4.jpg
无序列表:

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

有序列表:

<ol>
    <li></li>
    <li></li>
    <li></li>
    ...
</ol>

自定义列表:

<dl>
    <dt>项目/名词</dt>
    <dd>解释1</dd>
    <dd>解释2</dd>
</dl>

**表单标签:
一、表单域:<form>用于定义表单域**

<form action="url地址" method="提交方式" name="表单名字">
    各种表单控件
</form>

常用属性:
5.jpg

二、表单控件:

- `<input>`表单元素:单选、多选、输入...

<input type="属性值"/>

type属性:
6.jpg

其它常用属性:
7.jpg

  • <select>表单元素:下拉框

     <select>
         <option selected="selected">北京</option>
         <option>天津</option>
         <option>江苏</option>
         ...
     </select>
    
  • <textarea>表单元素:文本域

     <textarea row="显示行数" cols="每行字符数">
         文本内容
     </textarea>
    

注释:

  • 以 "< !--" 开头 以 "-->" 结尾
  • < !-- 注释语句 -->
  • 快捷键 Ctrl + /

特殊字符:https://www.cnblogs.com/xcsn/p/3559624.html
8.jpg

最后修改:2023 年 06 月 13 日
如果觉得我的文章对你有用,请随意赞赏