HTML篇-CSDN博客

本文链接：https://blog.csdn.net/weixin_42575793/article/details/102545762

HTML篇##

基本结构

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

</body>
</html>

超链接

<a herf=“链接目标地址”target=“打开目标窗口”></a
target: _blank 在新窗口打开
_parent 在源窗口打开

锚记

1、跳转到同一个页面的不同位置
在跳转位置处添加一个锚记，
创建链接 <a href=“#锚记名称”>点击内容</a>
2、跳转到不同页面的不同位置
在跳转位置处添加一个锚记，
创建链接 <a href=“文件名#锚记名称”>点击内容</a>

发送邮件：mailto:邮箱地址

路径

绝对路径：从根目录开始
相对路径：从当前目录开始

水平线 <hr width="宽度" color="颜色" size="线粗细"/>

html注释 ctrl+shift+/

换行 <br/>
空格：   全角状态下空格

<pre></pre>预格式化

斜体

<b></b>加粗 <strong></strong>

<big></big>字体放大  <small></small>
<code></code>放置代码
<del></del>删除线
<sub></sub>下标
<sup></sup>上标

图片

<img src="图片路径" alt="信息提示" title=“图片描述” width=“图片宽度”height=“图片高度”/>

表格

<table border="边框线" cellspacing="边框单元格间距" cellpadding="单元格填充" width="表格宽度">
<caption>表头</caption>
 <tr>
	<th>标题行</th>
</tr>
 <tr align="对方方式">
	<td>单元格</td>
</tr>
</table>

列表

无序列表

<ul type="">
	<li></li>
</ul>

type:disc(默认实心圆) square 方块 circle 空心圆
有序列表

<ol type="" start="">
	<li></li>
</ol>

type:1 a A i I start:起始位置
自定义列表

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

表单

文本框 <input type="text"/>
密码框 <input type="password"/>
单选按钮 <input type="radio"/>
复选框 <input type="checkbox"/>
文件域 <input type="file"/>
按钮 <input type="submit"/> 提交 <input type="reset"/> 重置 <input type="button" value="值"/> <button></button>
下拉列表

<select>
	<option></option>
        <option selected></option>
</select>

文本域

<textarea rows="行数" cols="列数"></textarea>

表单分组

<fieldset>
	<legend></legend>
        name:~~
</fieldset>