HTML介绍

1 Input

1 输入框：

用户名：<input type="text" value="请输入用户名"><br>

2 方形CheckBox：

爱好：<input type="checkbox">篮球

<input type="checkbox">看书<br>

3 单选/多选Radio：

3.1 单选：配上相同的name属性

性别：男<input type="radio" name="select">

女<input type="radio" name="select"><br>

3.2 多选：用的少，不配name

性别：男<input type="radio">

女<input type="radio"><br>

4 上传文件file：

头像：<input type="file"><br>

5 密码password：

密码：<input type="password"><br>

2 下拉框select：

住址：<select>

<option>陕西</option>

<option>北京</option>

</select>

3 超链接a:

打不开：<a href="www.baidu.com">默认本地文件协议访问：百度一下</a><br>

能打开：<a href="https://www.baidu.com">可正常跳转百度一下</a>

4 表格table：

<table border="1">

<tr><td>1</td><td>2</td></tr>

<tr><td>3</td><td>4</td></tr>

</table>

5 图片img:可以是本地或远程图片

5.1 本地图片：<img src="C:\Users\Liutoou\Desktop\捕获.PNG">

怎么快速拿到本地图片路径呢：打开cmd，把图片拖动到cmd窗口，就可以get路径

C:\Users\Liutoou\Desktop\捕获.PNG

5. 2 百度logo：百度图片，右键->在新标签页中打开图片->URL中get图片地址。

<img src="C:\Users\Liutoou\Desktop\捕获.PNG">即可。

6 有序列表ol：页面会自动带上1、2

<ol>

<li>工作经验</li>

<li>项目经验</li>

</ol>

7 无序列表ul：页面会自动带上点

<ul>

<li>java</li>

<li>python</li>

</ul>

8 文本域textarea:回帖区一般都是testarea

备注信息：<textarea rows="2" cols="20"></textarea><br>

9 标题：<h1>-<h6>

<h1>一级标题</h1>

<h2>二级标题</h2>

<h6>六级标题</h6>

10 加粗：普通<b>重点加粗</b>

11 换行br-没有结束标签：<br>

12 段落<p>:<p>段落</p>

13 注释：<!--注释-->

14 iframe内联框架：当前页面内嵌另一个页面：

<iframe src="https://www.jd.com" width="1000" height="600"></iframe>

15 div：块级元素，可用于组合其他html元素的容器；常用作页面布局

CSS样式style放在head区域

<div class="head">

<h1>页面顶部区域</h1>

</div>

<div class="left">

<h1>页面左面区域</h1>

</div>

16 自学HTML：https://www.w3school.com.cn/html/index.asp