• HTML前端

    html

    超文本标记语言

    文本：文字字符

    超文本：网页内容

    标记：标签 标识

    提供许多标签，不同标签功能不同，网页就是通过这些标签描述出来的，最终由浏览器解释运行我们看到的网页

    2. html>
    4. <html>
    5. 	<head>
    6. 		<meta charset="utf-8" />
    7. 		<title>我的第一张网页title>
    8. 	head>
    9. 	<body>
    10. 		网页内容
    11. 		
    12. 	body>
    13. html>

    2. 		 <h1 align="left">一级标签h1>
    3. 		 <h2 align="center">二级标签h2>
    4. 		 <h3 align="right">三级标签h3>
    5. ​		 
    1.  
    2. 	 <ul>
    3. 		<li>列表项1li>
    4. 		<li>列表项2li>
    5. 		<li>列表项3li>
    6. 		<li>列表项4li>
    7. 	 ul>
    8. 	 
    9. 	 <ol type="1">
    10. 		 <li>列表项1li>
    11. 		 <li>列表项2li>
    12. 		 <li>列表项3li>
    13. 		 <li>列表项4li>
    14. 	 ol>
    15. 	 <ol type="A">
    16. 	 			 <li>列表项1li>
    17. 	 			 <li>列表项2li>
    18. 	 			 <li>列表项3li>
    19. 	 			 <li>列表项4li>
    20. 	 ol>
    21. body>

    a标签:

    HTML 使用超级链接与网络上的另一个文档相连，通俗的说就是 通过连接来访问其他网页资源。 

    特殊符号转义 

    在HTML中预留了一些字符。 这些预留字符是不能在网页中直接使用的。 比如< 和 >,我们不能直接在页面中使用< 和 >号，因为浏览器会将它解析为html签。 例如：

    会被解析为b标签，空格,再多的空格都会当一个空格处理。 为了可以使用这些预留字符，我们必须在html中使用字符转义。

    * 小于号< *

    版权(C) < © *

    大于号> *

    商标(TM) > ™ * 空格 *

    注册商标(R)   ®  

    表格

    表格的基本构成标签

    table标签：表格标签

    tr标签：表格中的行

    th标签:表格的表头

    td标签：表格单元格

    1. <body>
    2. 		
    3. 		 <table border="1" width="400" cellpadding="0" cellspacing="0">
    4. 			 <tr height="40">
    5. 				 <th height="40">姓名th>
    6. 				 <th>JAVAth>
    7. 				 <th>cth>
    8. 				 <th>pythonth>
    9. 			 tr>
    10. 			 <tr>
    11. 				<th>主食类th>
    12. 				<th>90th>
    13. 				<th>70th>
    14. 				<th>80th> 
    15. 			 tr>
    16. 			 <tr>
    17. 			<th>dadkth>
    18. 			<th>90th>
    19. 			<th>70th>
    20. 			<th>80th> 
    21. 			 tr>
    22. 			 <tr>
    23. 			 <th>王天龙th>
    24. 			<th>90th>
    25. 			<th>70th>
    26. 			 <th>80th> 
    27. 			 tr>
    28. 		 table>
    29. 	body>

     

    2. 				
    3. 				<td  colspan="4">td>
    4. 				
    5. 			tr>
    6. 			<tr>
    7. 				<td>td>
    8. 				<td>td>
    9. 				<td>td>
    10. 				<td rowspan=3"">td>
    11. 			tr>
    12. 			<tr>

     

    1. head>
    2. 	<body bgcolor="">
    3. 		
    4. 		 <h3>用户登录页面h3>
    5. 		 <form action="server.html" method="get">
    6. 			 账号：<input type="text" name="account" value="" placeholder="请输入姓名"/>
    7. 		
    8. 			 <br />
    9. 			 密码：<input type="password" name="password"/>
    10. 			 <br />
    11. 			 性别：<input type="radio" name="gender" value="男" checked/>男
    12. 			    <input type="radio" name="gender" value="女"/> 女
    13. 			
    14. 				 <br />
    15. 				 课程：<input type="checkbox" name="course" value="java"/>java
    16. 				 <input type="checkbox" name="course" value="c"/>c
    17. 				 <input type="checkbox" name="course" value="python"/>python
    18. 				 <input type="checkbox" name="course" value="html"/>html
    19. 				  	 <br />
    20. 					 附件：<input type="file" name="file"/>
    21. 					 <br />
    22. 					 省份：<select>
    23. 					 <option>请选择option>
    24. 					 <option value="101" selected>北京option>
    25. 					 <option value="102">天津option>
    26. 					 <option value="103">山西option>
    27. 					 <option value="104">陕西option>
    28. 					 <option value="105">山东option>
    29. 					 <option value="106">河南option>
    30. 					 <option value="107">河北option>
    31. 					 <option value="18">湖南option>
    32. 					 select>
    33. 					 <br />
    34. 					 地址：
    35. 					 <textarea  rows="1" cols="20" name="address">
    36. 					 textarea>
    37. 					 <br />
    38. 					 
    39. 					 <input type="submit" value="保存"/>
    40. 					 <input type="reset"/>
    41. 					 <input type="button" value="登录" onclick="alert('你好');"/>
    42. 		 form>
    43. 	body>

  • 相关阅读:
    DP读书：《半导体物理学（第八版）》（四）半导体的导电性-玻尔兹曼-电导率
    python简易定时调度
    leetcode 85. 最大矩形
    基于单片机的空气质量检测系统
    第一章：docker环境安装
    java毕业设计的影视资讯管理系统mybatis+源码+调试部署+系统+数据库+lw
    【Python】OpenCV4图像、视频读写操作
    怎么写专利更容易通过？
    项目添加以vue为后缀名的vue文件，怎么解析打包
    【C++】vector的模拟实现
  • 原文地址：https://blog.csdn.net/2302_77125952/article/details/139708537