码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift

  • html超文本标记语言 (HyperText Mark up Language)

    1.概述

    HTML（超文本标记语言）是构建网页的标准标记语言。它为网页提供结构和内容，允许开发者创建各种元素，比如文本、图像、链接、表格和表单等。是网页的基本骨架。

    2. <html> 
    3.  
    4. 	<head>
    5. 		
    6. 		<meta charset="utf-8" />
    7. 		
    8. 		<title>我的第一个网页title>
    9. 		  
    10. 		  <link href="img/baidu.ico" rel="icon"/>
    11. 	head>
    12. 	<body>
    13. 		
    14. 	
    15. 	body>
    16. html>

     2.常用标签

    • 标题：使用 

       到 
       定义不同级别的标题。

    • 段落：使用 

       定义段落。

    • 链接：使用  创建超链接。
    • 图像：使用  插入图像。
    • 列表：有序（
        ）和无序（
          ）列表。
        • 表格：使用 、、
           和  定义表格。 
          1. html>
          2. <html>
          3. 	<head>
          4. 		<meta charset="utf-8">
          5. 		<title>title>
          6. 	head>
          7. 	<body>
          8. 		
          9. 		<h1 align="right">1h1>
          10. 		<h2 align="right">2h2>
          11. 		<h3 align="left">3h3>
          12. 		<p>
          13. 			段落<br />标签1
          14. 		p>
          15. 		<p>
          16. 			段落标签2 
          17. 		p>
          18. 		<b>加粗文字b>
          19. 		
          20. 		 <ul>
          21. 			 <li><a href="http://www.baidu.com">列表1a>li>
          22. 			 <li>列表2li>
          23. 			 <li>列表3li>
          24. 			 <li>列表4li>
          25. 		 ul>
          26. 		 <ol type="A">
          27. 			 <li><a href="http://www.baidu.com">列表1a>li>
          28. 			 <li>列表2li>
          29. 			 <li>列表3li>
          30. 			 <li>列表4li>
          31. 		 ol>
          32. 		
          33. 		
          34. 		
          35. 	body>
          36. html>
          1. html>
          2. <html>
          3. 	<head>
          4. 		<meta charset="utf-8">
          5. 		<title>title>
          6. 	head>
          7. 	<body>
          8. 		
          9. 		
          10. 		<a href="http://www.baidu.com" target="_blank">百度a>
          11. 		<a href="http://www.baidu.com">百度a>
          12. 		<a href="demo.html">我的第一关网页a>
          13. 		
          14. 		
          15. 	body>
          16. html>

          锚点

          1. html>
          2. <html>
          3. 	<head>
          4. 		<meta charset="utf-8">
          5. 		<title>title>
          6. 	head>
          7. 	<body>
          8. 		
          9. 		 <a id="a">a>
          10. 		<a href="#p1">图片1a>
          11. 			<a href="#p2">图片2a>
          12. 				<a href="#p3">图片3a>
          13. 					<a href="#p4">图片4a>
          14. 						<a href="#p5">图片5a>
          15. 						
          16. 					<h2><a id="p1">a>图片1h2>
          17. 					<img src="img/1.png" alt="" />
          18. 					<h2><a id="p2">a>图片2h2>
          19. 					<img src="img/2.png"/>
          20. 					<h2><a id="p3">a>图片3h2>
          21. 					<img src="img/3.png"/>
          22. 					<h2 > <a id="p4">a>图片4h2>
          23. 					<img src="img/4.png"/>
          24. 					<h2><a id = "p5">a>图片5h2>
          25. 					<img src="img/5.png"/>
          26. 					<h1><a href="#a">返回顶部a>h1>
          27. 		
          28. 	body>
          29. html>

           特殊符号转义

          1. html>
          2. <html>
          3. 	<head>
          4. 		<meta charset="utf-8">
          5. 		<title>title>
          6. 	head>
          7. 	<body>
          8. 		<左括号
          9. 		>右括号
          10. 		 空格
          11. 		®圆圈r
          12. 		©商标
          13. 		™小TM
          14. 		
          15. 		
          16. 		
          17. 	body>
          18. html>

           表单

          1. html>
          2. <html>
          3. 	<head>
          4. 		<meta charset="utf-8">
          5. 		<title>title>
          6. 	head>
          7. 	<body>
          8. 		
          9. 		 <form action="server.html" method="get">
          10. 			 账号<input type="text" name="account" value="" placeholder="请输入账号"/><br />
          11. 			 密码<input type="password" name="password" value="" placeholder="请输入密码"/><br />
          12. 			 性别<input type="radio"name="gender" value="男" checked/>男
          13. 			 <input type="radio"name="gender" value="女"/>女<br />
          14. 			 <input type="checkbox" name="course" value="java"/>java
          15. 			 <input type="checkbox" name="course" value="c"/>c
          16. 			 <input type="checkbox" name="course" value="sql"/>sql
          17. 			 <input type="checkbox" name="course" value="html"/>html<br />
          18. 			 
          19. 			 <select name="area" >
          20. 			 <option value="1">请选择option>
          21. 			 <option value="2">北京option>
          22. 			 <option value="3">陕西option>
          23. 			 <option value="4">深圳option>
          24. 			 select><br />
          25. 			 <input type="file" name="file"/><br />
          26. 			 
          27. 			 <input type="submit" value="保存"/>
          28. 			 <input type="reset" value="清除"/>
          29. 		 form>
          30. 	body>
          31. html>

          表格

          1. html>
          2. <html>
          3. 	<head>
          4. 		<meta charset="utf-8">
          5. 		<title>title>
          6. 	head>
          7. 	<body>
          8. 		
          9. 		 <table>
          10. 			 <tr>
          11. 				<th>姓名th>
          12. 				 <th>javath>
          13. 				 <th>cth>
          14. 				 <th>c++th>
          15. 			 tr>
          16. 			 <tr>
          17. 				 <td>任td>
          18. 				 <td>100td>
          19. 				 <td>100td>
          20. 				 <td>100td>
          21. 			 tr>
          22. 			 <tr>
          23. 				 <td>刘td>
          24. 				 <td>100td>
          25. 				 <td>100td>
          26. 				 <td>100td>
          27. 				 
          28. 			 tr>
          29. 			 <tr>
          30. 				 <td>程td>
          31. 				 <td>100td>
          32. 				 <td>100td>
          33. 				 <td>100td>
          34. 				
          35. 			 tr>
          36. 		 table>
          37. 		
          38. 	body>
          39. html>

           

          1. html>
          2. <html>
          3. 	<head>
          4. 		<meta charset="utf-8">
          5. 		<title>title>
          6. 	head>
          7. 	<body>
          8. 		
          9. 		
          10. 		<table border="1" width="800">
          11. 			<tr width="800">
          12. 				<th colspan="2">品牌th>
          13. 				<th colspan="3">春th>
          14. 				<th colspan="3">夏th>
          15. 			tr>
          16. 			<tr width="800">
          17. 				<th colspan="2"> th>
          18. 				<th>男th>
          19. 				<th>女th>
          20. 				<th>童th>
          21. 				<th>男th>
          22. 				<th>女th>
          23. 				<th>童th>
          24. 			tr>
          25. 			<tr width="800">
          26. 				<th rowspan="2">jcth>
          27. 				<th>牛仔th>
          28. 				<th>1th>
          29. 				<th>2th>
          30. 				<th>3th>
          31. 				<th>4th>
          32. 				<th>5th>
          33. 				<th>6th>
          34. 			tr>
          35. 		<tr width="800">
          36. 			
          37. 				<th>休闲th>
          38. 				<th>1th>
          39. 				<th>2th>
          40. 				<th>3th>
          41. 				<th>4th>
          42. 				<th>5th>
          43. 				<th>6th>
          44. 			tr>
          45. 		table>
          46. 	body>
          47. html>

           

        • 相关阅读:
          【AI+编程】工作日常场景随时可以AI编程，记一个问答SQL快速导出数据日常示例
          Single-Shot Refinement Neural Network for Object Detection
          软件工程与计算总结（十九）软件测试
          centos8 安装nginx
          快速掌握Java中List和Set接口的基本使用
          【云原生】4.3 DevOps 精讲篇——Sonar Qube
          Redis 实战缓存
          剑指offer 04. 替换空格
          【Java】解决Java报错：IndexOutOfBoundsException in Collections
          PDF页数太多，怎么拆分成几个PDF
        • 原文地址：https://blog.csdn.net/2302_78076476/article/details/141090970
          • 最新文章
          • 攻防演习之三天拿下官网站群
            数据安全治理学习——前期安全规划和安全管理体系建设
            企业安全 | 企业内一次钓鱼演练准备过程
            内网渗透测试 | Kerberos协议及其部分攻击手法
            0day的产生 | 不懂代码的"代码审计"
            安装scrcpy-client模块av模块异常，环境问题解决方案
            leetcode hot100【LeetCode 279. 完全平方数】java实现
            OpenWrt下安装Mosquitto
            AnatoMask论文汇总
            【AI日记】24.11.01 LangChain、openai api和github copilot
          • 热门文章
          • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧！！！
            奉劝各位学弟学妹们，该打造你的技术影响力了！
            五年了，我在 CSDN 的两个一百万。
            Java俄罗斯方块，老程序员花了一个周末，连接中学年代！
            面试官都震惊，你这网络基础可以啊！
            你真的会用百度吗？我不信 — 那些不为人知的搜索引擎语法
            心情不好的时候，用 Python 画棵樱花树送给自己吧
            通宵一晚做出来的一款类似CS的第一人称射击游戏Demo！原来做游戏也不是很难，连憨憨学妹都学会了！
            13 万字 C 语言从入门到精通保姆级教程2021 年版
            10行代码集2000张美女图，Python爬虫120例，再上征途
          Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
          正则表达式工具 cron表达式工具 密码生成工具

          京公网安备 11010502049817号