HTML5基础1_html5 pseudo-CSDN博客

本文链接：https://blog.csdn.net/Pseudolover/article/details/90311127

HTML5格式：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
#要写的内容
</body>
</html>

html标签：
标题标签：

<h1>H1标签</h1>
<h2>H2标签</h2>
<h3>H3标签</h3>
<h4>H4标签</h4>
<h5>H5标签</h5>
<h6>H6标签</h6>

段落标签：

<p>这是一个p标签</p>

超链接标签：

<a href="链接地址">这是一个超链接标签</a>

注意：超链接#是跳转到顶部，##，###没有任何效果
图片标签：

<img src="路径地址" width="" height="">
#可设置宽高

换行标签：

<p>这是一个P标签</p><br>
<p>这是一个P1标签</p>

规定文本的大小：

<font size="#可设置字条大小" color="#而可设置字体颜色">这是一个font表签</font>
#复合属性：加粗 倾斜 字体大小/行高 字体类型
#font的复合属性一定要有字体和字号

文本格式化：

<b></b>
<strong></strong>
#以上两个效果相同，字体加粗
<i></i>
#字体倾斜
<sub></sub>
#下划线
<sup></sup>
#上划线
<ins></ins>
#插入线
<del></del>
#删除线

超链接的链接方式：

#超链接标记
 <a href="链接的资源url#name锚点名字" title="每个标记都有的属性，全局属性，鼠标划上去显示一个小框提示" target="_self本窗口覆盖显示/_blank新窗口显示href资源"/_top/_parent/指定框架(后面讲)></a>

#内部链接：（访问资源是本网站的其他网页）
<a href="test.html">内部链接</a>

#外部链接（外链）:访问资源是其他网站的页面 <a href="http://www.baidu.com">外部链接</a>

#图片链接:点击图片访问指定资源
  <a href=""> 
   <img src="路径/文件名" />
  </a>

 #邮件链接:点击链接，自动弹出邮件发送客户端软件，将收件人地址自动填充。
<a href="mailto:asdf@sfd.com">邮箱链接（联系我们）</a>

#锚链接:也叫书签链接，主要用来在页面中定位   
#创建锚点:
<a name="锚点名称"></a>
#访问锚点:
<a href="#锚点名称"></a>

块级标签：

<div>这是div标签</div>

表单：

文本域
<form>
First name: <input type="text" name="firstname"><br>
Last name: <<input type="text" name="lastname">
</form>

密码
<form>
Password: <input type="password" name="pwd">
</form>

单选
<form>
<input type="radio" name="gender" value="boy">boy<br>
<input type="radio" name="gender" value="girl">girl
</form>

多选
<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car 
</form>

提交按钮 
<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>

上传图像
<input type='file' id='file'>

重置按钮
<input type="reset" name="button" id="button" value="重置">