html Day1 学习笔记

最新推荐文章于 2024-07-21 12:22:43 发布

遥远的蓝色旗帜

最新推荐文章于 2024-07-21 12:22:43 发布

阅读量139

点赞数

文章标签： HTML

本文链接：https://blog.csdn.net/jiaminquan/article/details/103101733

版权

这篇HTML学习笔记介绍了表格的使用，包括colspan和rowspan属性，以及WebStorm的实用快捷键，如Ctrl+D进行快速复制和Ctrl+/进行快速注释。此外，还讲解了表单元素，如不同类型的input标签和form属性。

摘要由CSDN通过智能技术生成

人生路漫漫，吾将上下而求索！

<!DOCTYPE html><!--定义文档类型-->
<html>
	<head>
		<meta charset="utf-8"><!--必填，否则乱码-->
		<title></title><!--标题-->
	</head>
	<body>
	<h1>XX<h1><!--内容标题 h1...h6-->
	<p><a href="http://www.baidu.com">链接</a><p>
	<p><img src="" alt=""></p><!--插入图片-->
	</body>
</html>

表格
colspan 行一行有多个合并用colspan
rowspan 竖一竖有多个合并用rowspan

<table border="">                           
    <thead>
        <tr>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
        </tr>
    </tbody>
</table>

webstrom快捷
ctrl+D选中部分快速复制
ctrl+/快速注释
按TEB快速添加<>
有序列表/无序列表/定义列表

<ol><!--有序列表-->
	<li><li>
	<li><li>
<ol>
<ul><!--无序列表-->
   <li><li>
   <li><li>
<ul>
<dl><!--定义列表-->
	<dt></dt>
	<dd></dd>
	<dd></dd>
</dl>

表单
在这里插入图片描述
<from action="" method="get(不安全）/ post（安全）>

<from action="" method="get(不安全）/ post（安全）>

user
psw

<label for="1">user</label><input type="text" id="1" name="user">
<label for="2">psw></label><input type="password" id="2" name="psw">

邮件

<lanel for="3">邮件</label><input type="eamil" id="3" name="eamil"></lanel>

(多选框）

<label><input type="checkbox" name="likes" value="1">xx</label>
<label><input type="checkbox" name="likes" value="2" checked="checked">xx</label>
<label><input type="checkbox" name="likes" value="3">xx</label>

文本域

<textarea name="" id="" cols="30" rows="10"></textarea>

(单选框）

<input type="radio" id="sex1" value="1" name="sex"><label for="sex1">男</label>
<input type="radio" id="sex2" value="2" name="sex"><label for="sex2">女</label>

placeholder="文本域里的默认浅色字体”：

下拉

<select name="年" id="1" >
<option value="请选择">请选择</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
</select>
年

form 标签中有以下元素
表单输入标签
菜单和列表下拉菜单

列表项标签

文字域标签

input标签它的 type属性值有
text文字域 password密码域 file文件域 checkbox复选域 radio 单选域 button 按钮 submit提交按钮 reset重置按钮 hidden隐藏域 image图片域

a标签锚点

<a href="#2">跳转</a>
<h1 id="1">a</h1>
<br>
<h1 id="2">b</h1>
<a href="#1">跳转</a>

iframe网页内嵌套网页

<nav>
<ul>
<li><a href="http://www.qq.com" target="myiframe">a</a></li>
<li><a href="http://www.jd.com" target="myiframe">b</a></li>
<li><a href="http://www.taobao.com" target="myiframe">c</a></li>
</ul>
</nav>
<iframe name="myiframe" width="500px" height="500px" src="http://www.qq.com" frameborder="1"></iframe>