web标签

最新推荐文章于 2023-03-07 14:55:18 发布

一个爱吃鱼的兔子

最新推荐文章于 2023-03-07 14:55:18 发布

阅读量193

点赞数

文章标签： html css javascript

本文链接：https://blog.csdn.net/cherry12100511/article/details/104834949

版权

①<h1>标题内容</h1>  一个页面建议只有一个h1
<h1>一级标题</h1>
<h2>二级标题</h2>
②<p>段落内容</p>
<p>这是段落，每个段落自动换行</p>
<p>这是段落，每个段落自动换行</p>
<p>段落内部文字忽略连续        空，

也不会显示空行，且不会换行</p>
③段内换行br <br/>
<p>这是一个段落。<br />注意规范写法/保留。</p>
这是一个段落。
注意规范写法/保留。
④空格字符&nbsp;
<body>
         <p>段落内部文字忽略连续&nbsp;&nbsp;&nbsp;空格，<br />
         <br />
          也不会显示空行，且不会换行。
          </p>
</body>
段落内部文字忽略连续 空格，

也不会显示空行，且不会换行。
⑤预留格式pre
		这是预留格式文本。它保留了       空格

		和空行。
	

pre 标签很适合显示计算机代码：

	for i = 1 to 10
		print i
	next i
<body>
	<pre>
		这是预留格式文本。它保留了       空格

		和空行。
	</pre>
	<p>pre 标签很适合显示计算机代码：</p>
	<pre>
	for i = 1 to 10
		print i
	next i
	</pre>
</body>
⑥行内组合span   
<style type="text/css"></style>
	span{
		color:blue;
		font-weignt:bold;
}
	<p>最新<span>中国人口调查报告</span>指出</p>
⑦水平线hr   <hr/>
<p>正文</p>
<hr />
<p>正文</p>
⑧注释
<!-- 注释内容  -->
⑨
<body>
	<h1>web前端开发</h1>
	<h2>HTML</h2>
	<P>超文本标记语言，用于构建网页结构</P>
	<hr \>
	<h2>CSS</h2>
	<P>层叠样式表，用于构建网页样式</P>
	<hr \>
	<h2>JS</h2>
	<P>javascript脚本语言，用于构建网页行为</P>
</body>   
⑩超链接a
<a href="网址">文字或图片</a>
<!--  链接到本站点其他网页   -->
<a href="news.html">新闻</a>
<!--  连接到其他站点   -->
<a href="http://www.baidu.com">百度</a>
<!--  虚拟超链接   -->
<a href="#">板块2</a>
11.<img src="a.jpg" alt="aaa" />
绝对路径
相对路径 以该文档所在位置为基准
<img src="images/a.jpg" />
<img src="../a.jpg" />
<img src="../images/a.jpg" />
12.区域div
<div align="center">
       <h1>web 前端开发</h1>
	<p>HTML</p>
	<P>CSS</P>
	<P>JavaScript</P>
</div>
13.无序列表 ul li
<h1>web 前端开发</h1>
        <ul>
 	<li>HTML</li>
	<li>CSS</li>
	<li>JS</li>
         </ul>
14.有序列表ol li
15. 表格table tr td
两行三列
<table border="1">
          <tr>
                <td>data</td>
	<td>data</td>
	<td>data</td>
          </tr> 
          <tr>
	<td>data</td>
	<td>data</td>
	<td>data</td>
          </tr>
</table>
16.表头单元格<th>
17.表单与表单元素
<form action="数据处理网页">
	表单元素
</form>
文本框
<form>
        <input type="text" name="">
</form>
密码框
<form>
        <input type="password" name="">
</form>

<form>
      账户：<input type="text" name="username" />
     <br>
      密码：<input type="password" name="userword">
</form>
18.提交按钮 input——submit
重置按钮 input——reset
<form>
         姓名：
        <input type="text"  value="" name="myname" />
        <input type="submit" value="提交"  name="mysubmit">
        <input type="reset"  value="重置" >
</form>
19.单选框、复选框input——radio checkbox
<form>
性别：
	男      <input type="radio" value="boy" name="gender" checked="checked">
	女      <input type="radio" value="girl" name="gender" checked="checked">
	<br>
爱好：
	<input type="checkbox" value="1" name="music" checked="checked">音乐
	<input type="checkbox" value="2" name="sport">体育
	<input type="checkbox" value="3" name="reading">阅读
</form>
20.下拉列表框select option
<select>
	<option>选项1</option>
	<option selected="selected">选项2</option>
</select>
21.文本域Textarea
<form>
        个人简介：<br>
        <textarea cols="50" rows="10">
         输入内容.....
        </textarea>
        <br>
        <input type="submit" value="确定">
        <input type="reset" value="重置">
</form>
22.web语义化

一个爱吃鱼的兔子

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
web标签

web前端开发 HTML 超文本标记语言，用于构建网页结构账户：密码：18.提交按钮 input——submit重置按钮 input——reset 姓名： 19.单选框、复选框input——radio checkbox性别：男女 ...
复制链接

扫一扫

web标签

“相关推荐”对你有帮助么？