2021-07-25HTML知识点整理

HTML知识点整理

相对路径：

1. 同级相对路径
2. 下一级相对路径
3. 3上一级相对路径： “. . / 111/handsome.jpg”

绝对路径：文件在磁盘中的物理位置或者说是项目外的位置（磁盘、其他网页等不属于你的项目文件里的位置）（考虑到安全，浏览器不能直接访问磁盘中的文件，但是可以通过网站的绝对地址访问文件） 例如：C:\123\cat.jpg

超链接

    <a href="链接地址" target="_blank">

锚点链接

    <a href="#page1" target="_blank">
    /*会跳转到 id="page1" 的页面*/

表格标签

caption 表格标题
tr 行标签
td单元格表格
th表头标签 内容水平居中切加粗
属性：border、width、height、cellspacing（单元格与单元格之间的距离）、colspan 合并列、rowspan合并行

表单标签
<font>、</font>、<input>、<label>、</label>、<button>、</button>、

<form action="" method="get/post">
label for="关联表单里的id值"
input type="text/password/radio/checkbox/button/submit/reset/select/textarea"
其中 radio单选按钮：<input type="radio" name="" checked="checked"> 
     /*name   将多个单选的name设置成相同的名字，实现单选效果*/

radio中 ：name 将多个单选的name设置成相同的名字，实现单选效果

    <button type="button/submit/reset">

示例



特殊字符标记（markdow可用）

##常用文本属性

color:red;
font-size:20px;
font-family:"宋体";
text-align:center;
font-weight:bold;
text-indent:2em;

颜色的表示方式

color:red;
color:rgb(255,255,255);十进制
color:#FFFFFF;十六进制

元素分类

块状元素：独占一行、宽高、行高可设置

html、body、div、p、ul、ol、li、h1-h6、table、form、hr

内联元素（行内元素）：与其他元素在一行、元素的大小随内容变化、宽高等不能设置

span、a、label、var、cite、 b、strong、i、em、u、del、ins、s

内联块状元素：既能设置宽高、行高，又能在一行显示。

img、input表单标签

通过display:inline-block将块状元素、内联元素（行内元素）转成 内联块状元素