《人生只若初见 html。》

最新推荐文章于 2024-07-08 17:28:27 发布

人生苦若如初见

最新推荐文章于 2024-07-08 17:28:27 发布

阅读量437

点赞数 5

文章标签： html 前端

本文链接：https://blog.csdn.net/qq_63339948/article/details/121056656

版权

html 简介：一种用于创建网页的标准标记语言

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
可以写各种东西，非常有意思
</body>

</html>

1. 有意思的标签语言；

<p> 段落</p>
 <h> 标题</h>
 <br/>换行作用
 <strong>加粗</strong>
 <em>倾斜</em>
 注释：<!--写的东西-->
 <div>大盒子</div>
 <>小盒子</>
<a href="   ">   超链接标签  </a>
< img src="照片路径名/>
alt 图像显示不出来，显示文本。
</ >  用于下一级图片
<../>  用于上一级图片
<width>  设置宽度
<height>  设置高度
<target="-self">  在本身的网页打开所要内容
<target="-blank" 打开一个新的页面
<table> 表格标签
<th> 一行的表头
<tr> 表示一行
<td> 表示单元格
合并单元格 跨行：rowspan,  跨列：colspan。

2.列表html


2.1 无序列表         
 <ul>     
       <!--<li>标签中可以放其它标签，写各种东西-->			
		<li>    </li>
		<li>    </li>
		<li>    </li>
 		<li>    </li>
 </ul>
2.2  有序列表
 <ol>   
	     <li>    </li>
		 <li>    </li>
		 <li>    </li>
 	     <li>    </li>	
 </ol>
2.3 自定义列表
    <dl>
		    <dt> 关注我们   </dt> 	
			<dd> 新浪微博   </dd> 
			<dd> 勇于探索   </dd> 
			<dd> 热爱生活   </dd> 
	</dl>

3.1 知识汇点

radio 单选按钮
form 定义html文档的表单用于标识表单的范围
type属性: 决定输入的类型
text 文本框
password 密码被掩饰，不能被看出来
checkbox 复选框:也就是多项框
submit 提交按钮
value 规定input元素的值，属性名由用户自定义
checked 首次默认被选中 checked="checke”
maxlength 首次最大长度字符.起限制作用。
name 定义input元素的值，属性名由用户自定义

3.2 文本域
下拉列表

    <select>
		<option>     </option>
	    <option>     </option>
 		<option>     </option>
 		<option>     </option>
	</select>

3.3 常见表单元素

单行文本框 : 指定<input…/>元素的type属性为text即可
密码输入框 : 指定<input…/>元素的type属性为password即可
隐藏域 : 指定<input…/>元素的type属性为hidden即可
单选框 : 指定<input…/>元素的type属性为radio即可
- 复选框 : 指定<input…/>元素的type属性为checkbox即可
图像域 : 指定<input…/>元素的type属性为image即可,当type="image"的时，可以指定width和height属性
*- 文件上传域 : 指定<input…/>元素的type属性为file即可
3.4 我的第一周作业:

<!DOCTYPE html>
<html >
<head>
	<meta charset="UTF-8">
	<title>综合案例-注册页面</title>
</head>
<body>
    <h4>青春不常在，抓紧谈恋爱</h4>
    <table width="600" border="1">
        <!-- 第一行 -->
        <tr>
	    <td>性别:</td>
	    <td>
	        <input type="radio" name="sex" id="nan"> <label for="nan"> <img src="images/man.jpg"> 男
                <input type="radio" name="sex" id="nv"> <label for="nv"> <img src="images/women.jpg"> 女
            </td>
	</tr>
        <!-- 第二行 -->
	<tr>
	    <td>生日:</td>
	    <td>
	        <select>
	            <option>--请选择年份--</option>
	            <option>2001</option>
		    <option>2002</option>
		    <option>2003</option>
		</select>
		<select>
	            <option>--请选择月份--</option>
	            <option>1</option>
		    <option>2</option>
		    <option>3</option>
		</select>
		<select>
	            <option>--请选择日份--</option>
	            <option>1</option>
		    <option>2</option>
		    <option>3</option>
		</select>

	   </td>
	</tr> 
	<!-- 第三行 -->
	<tr>
	     <td>所在地区</td>
	     <td><input type="text" value="北京思密达"></td>
	</tr>
	<!-- 第四行 -->
	<tr>
	    <td>婚姻状况:</td>
	    <td><input type="radio" name="marry" checked="checkd">未婚 <input type="radio" name="marry">已婚 <input type="radio" name="marry">离婚
	    </td>    
	</tr>
	<!-- 第五行 -->
	<tr>
	    <td>学历:</td>
	    <td><input type="text" value="博士后"></td>
	</tr>
	<!-- 第六行 -->
	<tr>
	    <td>喜欢的类型:</td>
	    <td>
	        <input type="checkbox" name="love" > 妩媚的   
		<input type="checkbox" name="love" > 可爱的
		<input type="checkbox" name="love" > 小鲜肉
		<input type="checkbox" name="love" > 老腊肉
		<input type="checkbox" name="love" checked="checked" > 都喜欢
	    </td>
 	</tr>
	<!-- 第七行 -->
	<tr>
	    <td>个人介绍</td>
	<td> <textarea>个人简介</textarea>
	</td>
	</tr>
	<!-- 第八行 -->
 	<tr>
	    <td></td>
	    <td> <input type="submit value="免费注册">
	    </td>
        </tr>
	<tr>
		<td></td>
		<td><input type="checkbox" checked="checked">  我同意注册条款和会员加入标准</td>
	</tr>
	<tr>
		<td></td>
		<td> <a href="#" > 我是会员，立即登录</a> </td>
	</tr>
	
	<tr>
		<td></td>
		<td> <h5>我承诺</h5>
		<u1> <li>年满18岁，单身</li>
		     <li>抱着严肃的态度</li>
		     <li>真诚寻找另一半</li>
		</u1>
                </td>
	</tr>


    </table>
</body>
</html>

第一周感想，html是个神奇的东西，刷新了我的认知，本来会觉得很难，可是发现只要用功学，一切感觉so easy.carry on,It is during this college about my first growth.

人生苦若如初见

关注

5
点赞
踩
10

收藏

觉得还不错? 一键收藏
4
评论
《人生只若初见 html。》

html 简介：一种用于创建网页的标准标记语言<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"
复制链接

扫一扫