第一次笔记

本文介绍了HTML的基本标签,包括标题<h1>至<h6>,段落<p>,换行<br>,文本格式化如<strong>加粗</strong>,<em>斜体</em>,图像<img>的属性,超链接<a>的用法,表格<table>结构,表单<form>元素如<input>,<select>和<textarea>等。
摘要由CSDN通过智能技术生成

HTML标签

标题标签

<h1></h1> <h2></h2>......<h6></h6>

段落标签

<p></p>(段与段之间有一个空行)

段内换行标签

<br/>

文本格式化标签

加粗 <strong></strong>或<b></b>
斜体<em></em> 或<i></i>
删除线<del></del>或<s></s>
下划线<ins></ins>或<u></u>

区域标签,(相当于一个盒子)

<div></div>(一个div独占一行)   
<span></span>(可以在一行显示)

图像标签(可以有多个属性,属性无序)

<img src="地址" alt=" "(图片没找到显示出来的文字)/>
<img src="地址" title=" "(鼠标放到图片上显示出来的文字)/>
<img src="地址" width="数字"(照片宽度)/>
<img src="地址"  height="数字”(数字高度)/>
<img src="地址" border=数字“(边框)/>
#### 路径
目录文件夹:普通文件夹
根目录:文件夹打开的第一层
相对路径:
	  同一级路径:可以直接写文件名
	  下一级路径:/
	  上一级路径:../
绝对路径:从盘(c盘/D盘)开始以此往下找

超链接标签

1. <a href="所要转换页面的链接" target=“_self"(表示1在当前页面打开网页)>文字 图片(所要链接的文字和图片)</a>
2.  <a href=" " target=" _blank"表示网页在新窗口打开)>文字/图片 </a>
3.虚拟标签:<a href="#">文字/图片</a>(不知道链接后的页面长什么样)
4.锚点标签:<a href="#名字">文字</a>    <h3 id="名字">文字</h3>

刚开始的页面

点击人物评价超链接后就会弹到人物评价那

注释标签

<!--注释内容--> (ctrl+/)

特殊字符标签在这里插入图片描述

表格标签(用于展示数据)

<table>
       <tr>(标签的行)
          <td>(单元格的内容, 必须嵌套在<tr></tr>中)</td>
       </tr>
</table>
<th>姓名/性别/电话..</th>表头标签(加粗且居中)


表格属性(这些标签得写进<table></table>里
<table align="center" border="1"> </table>(表格居中,表格有边界)

在这里插入图片描述

表单标签(在form标签里)

<form></form>表单域
1.input元素
<form>
<input type="属性值"/>  
</form> 
(1)value在文本框里可以显示出来,在选择标签里不显示出来,只是方便后台人员知道你选的啥
(2)name要求单选按钮和多选按钮有相同的name值
(3)提交按钮
<input type="submit" value="登录/提交"/>
(4)重置按钮
<input type="reset" value="重置"/>
(5)button按钮
<input type="button" value=" "/>
(6)上传文件
<input type="file"/>
(7)label标签(点字也可以选上)
	eg:o男,当点击男这个字的时候,o也会被勾上
	<label for="起个名字(male)">男(点击的字)</label>
	<input type="radio" name="sex" id="那个名字"(male)/>
**tips:复选框是方框,单选框是圆圈。**
2.select 下拉表单元素
 <select >
 			<option selected=“selected"(默认选项)></option>
 </select>
3.textarea文本域
<textarea >   </textarea>

在这里插入图片描述
在这里插入图片描述
表格实操

查阅标签

百度或W3school
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值