HTML网页构成

最新推荐文章于 2024-07-23 11:32:13 发布
最新推荐文章于 2024-07-23 11:32:13 发布
阅读量93 收藏
点赞数
分类专栏： 前端入门 文章标签： javascript 前端 elementui html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_67719341/article/details/124849270
版权

1、设置变量

number = 10

 2、控制变量

number = number - 1

3、函数 

		function Timer() {
document.getElementById("nub").innerHTML = "<p>剩余次数</p>" + number
}

4、JS完整代码

		number = 10
		function Timer() {
document.getElementById("nub").innerHTML = "<p>剩余次数</p>" + number
}
setInterval(function () {
            Timer()
        }, 0);

5、加入到HTML 

<script type="text/javascript">		
number = 10
		function Timer() {
document.getElementById("nub").innerHTML = "<p>剩余次数</p>" + number
}
setInterval(function () {
            Timer()
        }, 0);
</script>

 

 6、加入CSS

	<style type="text/css">
		.data{
			background-color: blue;
			height: 100px;
			width: 200px;
			text-align: center;
			border: 3.2px solid #000;
			margin: 0 auto;
		}
		p{
			line-height: 23px;
		}
button{
	text-align: center;
}
.form{
	background-color: green;
			height: 100px;
			width: 300px;
			border: 3.2px solid #000;
			margin: 0 auto;
}
.form2{
	background-color: pink;
			height: 540px;
			width: 480px;
			border: 3.2px solid #000;
			margin: 0 auto;
}
	</style>

7、完整代码 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>中国少年先锋队-香山云平台</title>
	<link rel="icon" href="20220517125442.png">     <!--引用格式为ICO/PNG/JPEG/JPG的favicon图-->
	<style type="text/css">
		.data{
			background-color: blue;
			height: 100px;
			width: 200px;
			text-align: center;
			border: 3.2px solid #000;
			margin: 0 auto;
		}
		p{
			line-height: 23px;
		}
button{
	text-align: center;
}
.form{
	background-color: green;
			height: 100px;
			width: 300px;
			border: 3.2px solid #000;
			margin: 0 auto;
}
.form2{
	background-color: pink;
			height: 540px;
			width: 480px;
			border: 3.2px solid #000;
			margin: 0 auto;
}
	</style>
	<script type="text/javascript">
		number = 10
		function Timer() {
document.getElementById("nub").innerHTML = "<p>剩余次数</p>" + number
}
setInterval(function () {
            Timer()
        }, 0);
	</script>


</head>
<body>
	<img src="9761d3cf-7a39-4a85-9534-ecd6ca025596.svg" height="300px" width="500px" style="display: block;margin: 0 auto;">
<div class="data" id="nub"></div>
<p></p>
	<div>
<button style="
display: block;margin: 0 auto;
" onclick="
if (number < 1) {
	alert('无法入队！')
}else{
number = number - 1}">入队</button></div>
</button>
<p></p>
<div class="form2">
	&nbsp<img src="20220517125442.png" height="100px" width="100px">
	<img src="20220518174848.png" height="100px" width="100px">
    <img src="20220517125442.png" height="100px" width="100px">
    <img src="20220518174848.png" height="100px" width="100px">
    

    &nbsp<img src="20220517125442.png" height="100px" width="100px">
    	<img src="20220517125442.png" height="100px" width="100px">
	<img src="20220518174848.png" height="100px" width="100px">
    <img src="20220517125442.png" height="100px" width="100px">
    	&nbsp<img src="20220518174848.png" height="100px" width="100px">
    		<img src="20220518174848.png" height="100px" width="100px">
    <img src="20220517125442.png" height="100px" width="100px">
    	<img src="20220518174848.png" height="100px" width="100px">
    		&nbsp<img src="20220518174848.png" height="100px" width="100px">
    <img src="20220517125442.png" height="100px" width="100px">
    	<img src="20220518174848.png" height="100px" width="100px">
    	    <img src="20220517125442.png" height="100px" width="100px">
    &nbsp<img src="20220518174848.png" height="100px" width="100px">
    <img src="20220517125442.png" height="100px" width="100px">
    	<img src="20220517125442.png" height="100px" width="100px">
	<img src="20220518174848.png" height="100px" width="100px">
</div>
<p></p>
<a href="javascript:window.location.reload();"><img src="造型1.svg"  style="
display: block;margin: 0 auto;"></a>
</body>
</html>

HTML代码测试icon-default.png?t=M4ADhttps://www.runoob.com/try/try.php?filename=tryhtml_syntax_nobody

  • IMG素材

中国少年先锋队队徽素材icon-default.png?t=M4ADhttps://download.csdn.net/download/weixin_67719341/85409523

红领巾素材icon-default.png?t=M4ADhttps://download.csdn.net/download/weixin_67719341/85409537 

  • SVG代码 
    <svg xmlns="http://www.w3.org/2000/svg" data-noselect="" viewBox="18 -19.702879355103732 905.97607178465 679.4820538384874" width="905.97607178465" height="679.4820538384874" ref="svg_canvas" preserveAspectRatio="none" version="1.1" style="background: #ffffff;">
    <defs/>
    <g id="shape_OYqKI1CcvR" ref="shape_OYqKI1CcvR" key="shape_OYqKI1CcvR" transform="translate(98,221.99133300781) rotate(0,108.60119641077,82.820180536822) scale(1,1)" style="cursor:move;display:inline;opacity:1;" filter="">
            <g style="display:inline"><rect fill="rgba(0,0,0,0)" width="237.20239282154" height="185.64036107364" x="-10" y="-10"/><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="图层_1" x="0px" y="0px" width="217.20239282154" height="165.64036107364" viewBox="2.5 23.899999618530273 196.29998779296875 149.70001220703125" style="enable-background:new 0 0 200 200;" xml:space="preserve" class="style-removed" preserveAspectRatio="none" data-parent="shape_OYqKI1CcvR">

<path d="M2.5,173.5l15.7-55.8c1.9-6.7,8-11.3,14.9-11.3h77.7L95,162.3c-1.9,6.7-8,11.3-14.9,11.3H2.5z" fill="#0348FE" stroke-width="0"/>
<path d="M50.3,50.5l6.2-22.1c0.7-2.6,3.2-4.5,5.9-4.5h30.7l-6.2,22.1c-0.7,2.6-3.2,4.5-5.9,4.5H50.3z" fill="#027DFF" stroke-width="0"/>
<path d="M46.5,132.3l15.7-55.8c1.9-6.7,8-11.3,14.9-11.3h77.7L139.1,121c-1.9,6.7-8,11.3-14.9,11.3H46.5z" fill="#027DFF" stroke-width="0"/>
<path d="M77.1,65.3c-6.9,0-13,4.6-14.9,11.3L90.5,91c0,0,7.3-25.8,7.3-25.8H77.1z" fill="#0507D9" stroke-width="0"/>
<path d="M33.1,106.5c-6.9,0-13,4.6-14.9,11.3l28.3,14.5c0,0,7.3-25.8,7.3-25.8H33.1z" fill="#0507D9" stroke-width="0"/>
<path d="M90.5,91l15.7-55.8c1.9-6.7,8-11.3,14.9-11.3h77.7l-15.7,55.8c-1.9,6.7-8,11.3-14.9,11.3H90.5z" fill="#0348FE" stroke-width="0"/>
</svg></g>
        </g><g id="shape_2S9bfUBiMb" ref="shape_2S9bfUBiMb" key="shape_2S9bfUBiMb" transform="translate(286.46607178465,151.07007677651) rotate(0,175.52694915254,120.333160240394) scale(1,1)" style="cursor:move;display:inline;opacity:1;" filter="">
            <g style="display:inline"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="658.04" height="241.06" viewBox="0 0 658.04 241.06" preserveAspectRatio="none" data-parent="shape_2S9bfUBiMb"><rect fill="rgba(0,0,0,0)" width="524" height="40" x="33.51" y="100.53"/><g data-width="523.8098633203126" transform="translate(33.51, 0)"><path d="M3.96 0L0.15 0L9.42-12.50L1.24-23.99L5.02-23.99L9.38-17.83Q10.73-15.92 11.31-14.89L11.31-14.89Q12.11-16.20 13.20-17.62L13.20-17.62L18.03-23.99L21.48-23.99L13.06-12.68L22.14 0L18.21 0L12.17-8.56Q11.67-9.29 11.13-10.16L11.13-10.16Q10.32-8.85 9.98-8.36L9.98-8.36L3.96 0Z" transform="translate(0 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="22.350908203124998" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="M6.30 0L3.13 0L3.13-23.99L6.30-23.99L6.30 0Z" transform="translate(22.350908203124998 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="9.3101513671875" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="M3.32 0L-0.05 0L9.16-23.99L12.58-23.99L22.40 0L18.78 0L15.99-7.26L5.96-7.26L3.32 0ZM9.51-16.89L6.87-9.85L15.00-9.85L12.50-16.49Q11.36-19.52 10.80-21.47L10.80-21.47Q10.34-19.16 9.51-16.89L9.51-16.89Z" transform="translate(31.661059570312496 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="22.350908203124998" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="M5.60 0L2.55 0L2.55-23.99L5.81-23.99L18.41-5.15L18.41-23.99L21.45-23.99L21.45 0L18.19 0L5.60-18.85L5.60 0Z" transform="translate(54.01196777343749 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="24.199848632812497" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="M20.86-9.41L13.81-9.41L13.81-12.22L23.97-12.24L23.97-3.34Q21.63-1.47 19.14-0.53Q16.66 0.41 14.04 0.41L14.04 0.41Q10.50 0.41 7.62-1.10Q4.73-2.62 3.26-5.48Q1.78-8.34 1.78-11.88L1.78-11.88Q1.78-15.38 3.25-18.42Q4.71-21.45 7.46-22.92Q10.21-24.40 13.79-24.40L13.79-24.40Q16.40-24.40 18.50-23.55Q20.60-22.71 21.79-21.21Q22.99-19.70 23.61-17.28L23.61-17.28L20.75-16.49Q20.21-18.33 19.41-19.37Q18.60-20.42 17.11-21.05Q15.63-21.68 13.81-21.68L13.81-21.68Q11.63-21.68 10.05-21.02Q8.46-20.35 7.49-19.27Q6.51-18.19 5.97-16.90L5.97-16.90Q5.06-14.68 5.06-12.08L5.06-12.08Q5.06-8.87 6.16-6.71Q7.26-4.55 9.38-3.50Q11.49-2.45 13.86-2.45L13.86-2.45Q15.92-2.45 17.88-3.25Q19.85-4.04 20.86-4.94L20.86-4.94L20.86-9.41Z" transform="translate(78.21181640625 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="26.0651513671875" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="M1.51-7.71L1.51-7.71L4.50-7.97Q4.71-6.17 5.49-5.02Q6.27-3.86 7.90-3.15Q9.54-2.44 11.58-2.44L11.58-2.44Q13.40-2.44 14.79-2.98Q16.18-3.52 16.86-4.46Q17.54-5.40 17.54-6.51L17.54-6.51Q17.54-7.64 16.89-8.48Q16.23-9.33 14.73-9.90L14.73-9.90Q13.76-10.28 10.46-11.07Q7.15-11.86 5.82-12.57L5.82-12.57Q4.11-13.47 3.26-14.80Q2.42-16.13 2.42-17.79L2.42-17.79Q2.42-19.60 3.45-21.18Q4.48-22.76 6.46-23.58Q8.44-24.40 10.86-24.40L10.86-24.40Q13.53-24.40 15.57-23.54Q17.61-22.68 18.70-21.01Q19.80-19.34 19.88-17.23L19.88-17.23L16.84-17.00Q16.59-19.27 15.18-20.44Q13.76-21.60 11.00-21.60L11.00-21.60Q8.12-21.60 6.80-20.54Q5.48-19.49 5.48-18.00L5.48-18.00Q5.48-16.71 6.41-15.87L6.41-15.87Q7.33-15.04 11.20-14.16Q15.07-13.29 16.51-12.63L16.51-12.63Q18.60-11.67 19.60-10.19Q20.60-8.70 20.60-6.77L20.60-6.77Q20.60-4.86 19.50-3.17Q18.41-1.47 16.35-0.53Q14.30 0.41 11.73 0.41L11.73 0.41Q8.48 0.41 6.27-0.54Q4.07-1.49 2.82-3.40Q1.57-5.30 1.51-7.71Z" transform="translate(104.27696777343749 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="22.350908203124998" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="M5.86 0L2.68 0L2.68-23.99L5.86-23.99L5.86-14.14L18.33-14.14L18.33-23.99L21.50-23.99L21.50 0L18.33 0L18.33-11.31L5.86-11.31L5.86 0Z" transform="translate(126.62787597656249 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="24.199848632812497" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="M3.32 0L-0.05 0L9.16-23.99L12.58-23.99L22.40 0L18.78 0L15.99-7.26L5.96-7.26L3.32 0ZM9.51-16.89L6.87-9.85L15.00-9.85L12.50-16.49Q11.36-19.52 10.80-21.47L10.80-21.47Q10.34-19.16 9.51-16.89L9.51-16.89Z" transform="translate(150.827724609375 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="22.350908203124998" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="M5.60 0L2.55 0L2.55-23.99L5.81-23.99L18.41-5.15L18.41-23.99L21.45-23.99L21.45 0L18.19 0L5.60-18.85L5.60 0Z" transform="translate(173.17863281249998 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="24.199848632812497" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="" transform="translate(197.37848144531247 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="13.336979999999999" data-glyph-h="33.51" data-glyph-ascender="29.488799999999998" data-glyph-descender="-4.021199999999999"/><path d="M19.70-8.41L19.70-8.41L22.87-7.61Q21.88-3.70 19.28-1.64Q16.69 0.41 12.94 0.41L12.94 0.41Q9.06 0.41 6.63-1.17Q4.21-2.75 2.94-5.74Q1.67-8.74 1.67-12.17L1.67-12.17Q1.67-15.92 3.10-18.71Q4.53-21.50 7.17-22.95Q9.82-24.40 12.99-24.40L12.99-24.40Q16.59-24.40 19.05-22.56Q21.50-20.73 22.47-17.41L22.47-17.41L19.34-16.67Q18.51-19.29 16.92-20.49Q15.33-21.68 12.93-21.68L12.93-21.68Q10.16-21.68 8.30-20.35Q6.45-19.03 5.69-16.80Q4.94-14.56 4.94-12.19L4.94-12.19Q4.94-9.13 5.83-6.85Q6.72-4.57 8.61-3.44Q10.49-2.31 12.68-2.31L12.68-2.31Q15.35-2.31 17.20-3.85Q19.05-5.38 19.70-8.41Z" transform="translate(210.71546144531249 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="24.199848632812497" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="M17.44 0L2.45 0L2.45-23.99L5.63-23.99L5.63-2.83L17.44-2.83L17.44 0Z" transform="translate(234.91531007812497 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="18.6366650390625" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="M1.62-11.68L1.62-11.68Q1.62-17.65 4.83-21.03Q8.03-24.41 13.11-24.41L13.11-24.41Q16.43-24.41 19.09-22.83Q21.76-21.24 23.16-18.40Q24.56-15.56 24.56-11.96L24.56-11.96Q24.56-8.31 23.09-5.43Q21.61-2.55 18.91-1.07Q16.22 0.41 13.09 0.41L13.09 0.41Q9.70 0.41 7.04-1.23Q4.37-2.86 2.99-5.69Q1.62-8.52 1.62-11.68ZM4.89-11.63L4.89-11.63Q4.89-7.30 7.22-4.80Q9.56-2.31 13.07-2.31L13.07-2.31Q16.66-2.31 18.97-4.83Q21.29-7.35 21.29-11.98L21.29-11.98Q21.29-14.91 20.30-17.09Q19.31-19.27 17.40-20.48Q15.50-21.68 13.12-21.68L13.12-21.68Q9.75-21.68 7.32-19.36Q4.89-17.05 4.89-11.63Z" transform="translate(253.55197511718748 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="26.0651513671875" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="M18.33-10.14L18.33-23.99L21.50-23.99L21.50-10.13Q21.50-6.51 20.68-4.39Q19.86-2.26 17.73-0.92Q15.59 0.41 12.12 0.41L12.12 0.41Q8.75 0.41 6.61-0.75Q4.47-1.91 3.55-4.12Q2.63-6.32 2.63-10.13L2.63-10.13L2.63-23.99L5.81-23.99L5.81-10.14Q5.81-7.02 6.39-5.54Q6.97-4.06 8.39-3.26Q9.80-2.45 11.85-2.45L11.85-2.45Q15.35-2.45 16.84-4.04Q18.33-5.63 18.33-10.14L18.33-10.14Z" transform="translate(279.617126484375 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="24.199848632812497" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="M11.24 0L2.59 0L2.59-23.99L10.85-23.99Q13.65-23.99 15.12-23.64L15.12-23.64Q17.18-23.17 18.64-21.93L18.64-21.93Q20.53-20.32 21.48-17.83Q22.42-15.33 22.42-12.12L22.42-12.12Q22.42-9.39 21.78-7.28Q21.14-5.17 20.14-3.79Q19.14-2.41 17.96-1.61Q16.77-0.82 15.09-0.41Q13.42 0 11.24 0L11.24 0ZM5.76-21.16L5.76-2.83L10.88-2.83Q13.25-2.83 14.60-3.27Q15.95-3.71 16.75-4.52L16.75-4.52Q17.88-5.64 18.51-7.55Q19.14-9.46 19.14-12.17L19.14-12.17Q19.14-15.94 17.91-17.96Q16.67-19.98 14.91-20.67L14.91-20.67Q13.63-21.16 10.80-21.16L10.80-21.16L5.76-21.16Z" transform="translate(303.8169751171875 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="24.199848632812497" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="" transform="translate(328.01682375 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="13.336979999999999" data-glyph-h="33.51" data-glyph-ascender="29.488799999999998" data-glyph-descender="-4.021199999999999"/><path d="M5.76 0L2.59 0L2.59-23.99L11.63-23.99Q14.02-23.99 15.28-23.76L15.28-23.76Q17.05-23.46 18.24-22.64Q19.44-21.81 20.17-20.32Q20.89-18.83 20.89-17.05L20.89-17.05Q20.89-13.99 18.95-11.87Q17.00-9.75 11.91-9.75L11.91-9.75L5.76-9.75L5.76 0ZM5.76-21.16L5.76-12.58L11.96-12.58Q15.04-12.58 16.33-13.73Q17.62-14.87 17.62-16.95L17.62-16.95Q17.62-18.46 16.86-19.53Q16.10-20.60 14.86-20.94L14.86-20.94Q14.06-21.16 11.90-21.16L11.90-21.16L5.76-21.16Z" transform="translate(341.35380375 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="22.350908203124998" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="M17.44 0L2.45 0L2.45-23.99L5.63-23.99L5.63-2.83L17.44-2.83L17.44 0Z" transform="translate(363.704711953125 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="18.6366650390625" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="M3.32 0L-0.05 0L9.16-23.99L12.58-23.99L22.40 0L18.78 0L15.99-7.26L5.96-7.26L3.32 0ZM9.51-16.89L6.87-9.85L15.00-9.85L12.50-16.49Q11.36-19.52 10.80-21.47L10.80-21.47Q10.34-19.16 9.51-16.89L9.51-16.89Z" transform="translate(382.3413769921875 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="22.350908203124998" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="M11.86 0L8.69 0L8.69-21.16L0.79-21.16L0.79-23.99L19.80-23.99L19.80-21.16L11.86-21.16L11.86 0Z" transform="translate(404.69228519531254 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="20.469243164062497" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="M5.92 0L2.75 0L2.75-23.99L18.93-23.99L18.93-21.16L5.92-21.16L5.92-13.73L17.18-13.73L17.18-10.90L5.92-10.90L5.92 0Z" transform="translate(425.16152835937504 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="20.469243164062497" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="M1.62-11.68L1.62-11.68Q1.62-17.65 4.83-21.03Q8.03-24.41 13.11-24.41L13.11-24.41Q16.43-24.41 19.09-22.83Q21.76-21.24 23.16-18.40Q24.56-15.56 24.56-11.96L24.56-11.96Q24.56-8.31 23.09-5.43Q21.61-2.55 18.91-1.07Q16.22 0.41 13.09 0.41L13.09 0.41Q9.70 0.41 7.04-1.23Q4.37-2.86 2.99-5.69Q1.62-8.52 1.62-11.68ZM4.89-11.63L4.89-11.63Q4.89-7.30 7.22-4.80Q9.56-2.31 13.07-2.31L13.07-2.31Q16.66-2.31 18.97-4.83Q21.29-7.35 21.29-11.98L21.29-11.98Q21.29-14.91 20.30-17.09Q19.31-19.27 17.40-20.48Q15.50-21.68 13.12-21.68L13.12-21.68Q9.75-21.68 7.32-19.36Q4.89-17.05 4.89-11.63Z" transform="translate(445.63077152343755 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="26.0651513671875" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="M5.81 0L2.63 0L2.63-23.99L13.27-23.99Q16.48-23.99 18.15-23.34Q19.81-22.69 20.81-21.06Q21.81-19.42 21.81-17.44L21.81-17.44Q21.81-14.89 20.16-13.14Q18.51-11.39 15.05-10.91L15.05-10.91Q16.31-10.31 16.97-9.72L16.97-9.72Q18.36-8.44 19.60-6.53L19.60-6.53L23.77 0L19.78 0L16.61-4.99Q15.22-7.15 14.32-8.30Q13.42-9.44 12.71-9.90Q11.99-10.36 11.26-10.54L11.26-10.54Q10.72-10.65 9.49-10.65L9.49-10.65L5.81-10.65L5.81 0ZM5.81-21.34L5.81-13.40L12.63-13.40Q14.81-13.40 16.04-13.85Q17.26-14.30 17.90-15.29Q18.54-16.28 18.54-17.44L18.54-17.44Q18.54-19.14 17.30-20.24Q16.07-21.34 13.40-21.34L13.40-21.34L5.81-21.34Z" transform="translate(471.69592289062507 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="24.199848632812497" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/><path d="M5.55 0L2.49 0L2.49-23.99L7.26-23.99L12.94-7.00Q13.73-4.63 14.09-3.45L14.09-3.45Q14.50-4.76 15.36-7.30L15.36-7.30L21.11-23.99L25.38-23.99L25.38 0L22.32 0L22.32-20.08L15.35 0L12.48 0L5.55-20.42L5.55 0Z" transform="translate(495.8957715234376 131.53) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.056" data-glyph-w="27.914091796875" data-glyph-h="37.436953124999995" data-glyph-ascender="30.335712890624997" data-glyph-descender="-7.101240234374999"/></g></svg></g>
        </g><g id="shape_PUimOcwDy2" ref="shape_PUimOcwDy2" key="shape_PUimOcwDy2" transform="translate(145.40153539381998,-51.67503787953001) rotate(0,331.50923230309,402.124745762712) scale(1,1)" style="cursor:move;display:inline;opacity:1;" filter="">
            <g style="display:inline"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="962.68" height="805.52" viewBox="0 0 962.68 805.52" preserveAspectRatio="none" data-parent="shape_PUimOcwDy2"><rect fill="rgba(0,0,0,0)" width="515" height="134" x="111.92" y="335.76"/><g data-width="514.832" transform="translate(111.92, 0)"><path d="M6.38-36.60L6.38-37.83L96.36-37.83L96.36-36.60L96.36-27.98L96.36-12.42Q96.36-9.85 95.41-7.61Q94.46-5.37 92.78-3.69Q91.10-2.01 88.86-1.06Q86.63-0.11 84.05-0.11L84.05-0.11L6.38-0.11L6.38-27.98L6.38-36.60ZM21.49-10.07L77.78-10.07Q79.24-10.07 80.25-11.08Q81.25-12.09 81.25-13.54L81.25-13.54L81.25-14.21L21.49-14.21L21.49-10.07ZM81.25-23.73L81.25-27.98L21.49-27.98L21.49-23.73L81.25-23.73ZM2.91-40.40L13.21-54.62L27.98-54.62L17.68-40.40L2.91-40.40ZM89.09-54.62L99.38-40.40L84.61-40.40L74.31-54.62L89.09-54.62ZM100.39-65.81L100.39-56.63L60.77-56.63L60.77-39.84L45.55-39.84L45.55-56.63L2.46-56.63L2.46-65.81L45.55-65.81L45.55-69.50L7.83-68.72L7.83-78.79L92.89-80.58L92.89-70.51L60.77-69.84L60.77-65.81L100.39-65.81Z" transform="translate(0 442.76) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.187" data-glyph-w="102.96640000000001" data-glyph-h="111.92" data-glyph-ascender="96.13928" data-glyph-descender="-15.78072"/><path d="M43.87-0.90L17.46-0.90L2.46-0.90L2.46-11.30L2.46-69.61L17.46-69.61L17.46-11.30L43.87-11.30L43.87-79.80L58.87-79.80L58.87-11.30L82.93-11.30Q83.94-11.30 84.61-12.03Q85.28-12.76 85.28-13.65L85.28-13.65L85.28-69.61L100.39-69.61L100.39-9.29Q100.39-5.82 97.93-3.36Q95.47-0.90 92.00-0.90L92.00-0.90L85.28-0.90L58.87-0.90L43.87-0.90Z" transform="translate(102.96640000000001 442.76) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.187" data-glyph-w="102.96640000000001" data-glyph-h="111.92" data-glyph-ascender="96.13928" data-glyph-descender="-15.78072"/><path d="M6.60-2.24L25.41-41.97L2.46-41.97L2.46-53.50L100.39-53.50L100.39-41.97L41.97-41.97L28.65-13.77L77.45-13.77L70.06-28.76L86.40-28.76L100.39-0.11L84.16-0.11L83.04-2.24L23.28-2.24L23.28-2.24L6.60-2.24ZM9.07-68.94L9.07-80.47L93.79-80.47L93.79-68.94L9.07-68.94Z" transform="translate(205.93280000000001 442.76) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.187" data-glyph-w="102.96640000000001" data-glyph-h="111.92" data-glyph-ascender="96.13928" data-glyph-descender="-15.78072"/><path d="M84.72-36.15L71.29-36.15L77.78-64.13L91.21-64.13L84.72-36.15ZM26.75-64.13L32.79-36.15L19.36-36.15L13.32-64.13L26.75-64.13ZM100.62-23.73L100.62-20.82L59.32-20.82L59.32-0.22L43.76-0.22L43.76-20.82L2.35-20.82L2.35-23.73L2.35-31.23L2.35-31.79L43.76-31.79L43.76-69.39L6.04-69.39L6.04-71.07L6.04-78.57L6.04-80.36L96.92-80.36L96.92-78.57L96.92-71.07L96.92-69.39L59.32-69.39L59.32-31.79L100.62-31.79L100.62-31.23L100.62-23.73Z" transform="translate(308.8992 442.76) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.187" data-glyph-w="102.96640000000001" data-glyph-h="111.92" data-glyph-ascender="96.13928" data-glyph-descender="-15.78072"/><path d="M96.48-29.99L96.48-11.19Q96.48-8.95 95.64-7.05Q94.80-5.15 93.40-3.75Q92.00-2.35 90.04-1.51Q88.08-0.67 85.95-0.67L85.95-0.67L21.60-0.67L5.26-0.67L5.26-11.53L5.26-29.99L5.26-31.34L5.26-40.96L96.48-40.96L96.48-40.74L96.48-29.99ZM80.13-15.11L80.13-29.99L21.60-29.99L21.60-11.53L76.67-11.53Q78.12-11.53 79.13-12.54Q80.13-13.54 80.13-15.11L80.13-15.11ZM7.95-46.33L3.47-46.33L25.07-80.02L40.85-80.02L26.30-57.30L76.44-57.30L65.47-75.55L80.47-75.55L99.50-43.76L84.61-43.76L83.04-46.33L19.25-46.33L7.95-46.33Z" transform="translate(411.86560000000003 442.76) " fill="rgb(8, 12, 36)" stroke="rgb(8, 12, 36)" stroke-width="0.187" data-glyph-w="102.96640000000001" data-glyph-h="111.92" data-glyph-ascender="96.13928" data-glyph-descender="-15.78072"/></g></svg></g>
        </g>
  </svg>

 

 

 

莱德云
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
html5网页构成要素有哪些,网页的基本构成元素有哪些
weixin_39774556的博客
06-15 2372
在设计网页时，我们应该组织页面的基本元素，同时配合一些特效，形成一个色彩丰富的网页。网页由文本，图像和超链接组成。内容是网站的灵魂，文本是网站灵魂的物质基础。文本和图像是网站上使用最广泛的。具有丰富内容的网站将不可避免地使用大量文本和图像，然后将超链接应用于文本和图像，以使这些文本和图像“生动”。1.文本元素文本是网页的主体。虽然flash和图形文本可以达到同样的效果，即使超出了纯文本的效果，We...
HTML5网页设计
bxybxy123456的博客
08-06 2149
第一章 HTML5基础 html5是互联网的核心语言，而“5”这个数字也表示HTML语言的第五次重大修改。因此，HTML5相比上一次修改强化了Web网页的表现性能；追加了本地数据库等Web应用的功能。这表示网页表达会更加清楚，网页功能会更加丰富。 一、HTML的基本概念 HTML语言是一种文本类，依靠解释的方式执行的语言标记，它在Internet上用于编写网页的主要语言。在Internet...
html5网页构成要素有哪些,网页界面的构成要素
weixin_29250403的博客
06-11 1581
在互联网上浏览时，所见到的那些风格各异的网页给浏览者带来的感受是不尽相同的。有的简洁明快，有的柔和雅致，有的活力四射，有的含蓄沉稳。当然，也有些网页因设计不当，给人以杂乱、无序、莫名其妙的感觉。但无论网页是何种类型、何种风格，设计精妙还是平庸，从网页界面的构成要素来讲，基本上都是一致的。我们平常看到的报纸、杂志等传统媒体，都是由两种元素构成的，即文字与图形。网页作为一新兴媒体．可以说是书报杂志的电...
HTML+CSS+JS网页设计
热门推荐
m0_73738929的博客
04-15 4万+
HTML页面主要由：登录、注册跳转页面，轮播图，家乡简介，热门景点，特色美食等组成。通过Div+CSS、鼠标滑过特效、获取当前时间，跳转页面、基本所需的知识点全覆盖。提示：以下是本篇文章正文内容，下面案例可供参考。
网页制作基础学习——HTML+CSS常用代码
北辰的博客
02-01 4万+
HTML（HyperText Markup Language）,即超文本标记语言，是用于描述网页文档的一种描述标记语言。是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。
html网页架构图,html网页文件基本写法及结构
weixin_31800911的博客
06-11 3185
1.首先为大家介绍下htmlhtml：超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。html语言也是所有网页组成的基础语言，所以大家一定要认真学好。html超文本标记语言2.html语言的基本写法及技巧1)html网页文件创建：首先我们可以在桌面上创建一个文本文档，将文本文档的后缀.txt修改为.html，然后保存，我们的htm...
html网页毕业论文,HTML网页设计毕业论文.pdf
weixin_39624461的博客
06-09 2798
毕业论文网站设计与制作所 属 系：计算机专 业：应用技术学生姓名： ***学 号： ************指导老师： ****二〇一一年五月第 1 章 网站总体分析及概要设计1.1 模块功能分析1.1.1 引导首页模块引导首页使用整体颜色背景，配合图片或 Flash 构成，顶部为导航首页链接。1.1.2 班级形象模块该模块功能主要...
网页设计之HTML
qq_53677566的博客
10-05 2789
文章目录HTML一.HTML结构1.HTML文件结构2.标签结构二.常用标签1.标签2.表格3.表单三.内联样式 HTML 一.HTML结构 1.HTML文件结构 !DOCTYPE html html根标签 head头标签 meta： 标签可提供有关页面的元信息 title：标题 body体标签，网页内容都在里面 <!-- html项目结构 --> <!DOCTYPE html> <!-- 声明html的版本 告诉浏览器html版本 去
H5网页的基本构成
weixin_45689945的博客
09-20 1932
网页的组成
html网页设计详细设计内容,网页设计技术构成 主页模板（index.html）
weixin_42134769的博客
06-05 1377
html语言 超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。 “超文本”就是指页面内可以包含图片、链接。网页设计包含哪些技术？详细一点成为一名网页设计师你要学会 第一部份：(美术部分) 结构素描、光影素描、速写、设计素描、户外写生 色彩原理、...
纯HTML网页源码
11-02
"纯HTML网页源码"指的是只包含HTML代码，不依赖其他如JavaScript、CSS或服务器端脚本的网页。这种网页在本地计算机上直接打开，浏览器会解析HTML源码并呈现网页内容。 纯HTML网页的优势在于简洁、轻量级，易于理解...
HTML_网页html_
10-02
在设计一个简易的HTML网页时，首先需要了解HTML的基本结构。一个基本的HTML文档通常包括文档类型声明（<!DOCTYPE html>），HTML标签（<html>），头部（）和主体（）。头部用于定义页面的元数据，如标题（）、样式表...
html网页综合项目实战
12-07
在“HTML网页综合项目实战”中，我们主要探讨的是如何运用HTML（超文本标记语言）来构建实际的网页项目。HTML是网页设计的基础，它定义了网页的结构和内容。这个实战项目旨在帮助学习者掌握HTML的核心概念和实践技巧...
网页HTML代码
12-06
在压缩包文件"zuantong"中，可能包含了一系列HTML文件、CSS文件和JavaScript文件，它们共同构成了一个完整的网页模板。HTML文件定义了页面结构，CSS文件负责样式，而JavaScript文件则提供了交互功能。这些文件之间...
waiyuxi.rar_HTML设计网页
09-23
在HTML设计中，我们首先会接触到基本的HTML标签，它们构成了网页的基本结构。例如，`<html>`标签定义整个HTML文档的开始和结束，`<head>`包含文档元数据，如标题和样式表链接，而`<body>`则包含用户在浏览器中看到的...
Vue 3 和 SpringBoot 实现文件分片上传示例
exlink2012的专栏
07-22 326
实现分片上传，并使用Spring Boot在后端保存文件。前端将文件分片并逐个上传到后端，后端接收到所有分片后再进行合并，最终保存为一个完整文件。
计算机毕业设计Django+Vue.js知识图谱音乐推荐系统 音乐爬虫可视化 音乐数据分析 大数据毕设 大数据毕业设计 机器学习 深度学习 人工智能
从业计算机毕业设计10年，打算用一年时间分享10年毕设经验！
07-23 196
计算机毕业设计Django+Vue.js知识图谱音乐推荐系统 音乐爬虫可视化 音乐数据分析 大数据毕设 大数据毕业设计 机器学习 深度学习 人工智能
HarmonyOS应用开发者高级认证，Next版本发布后最新题库 - 多选题序号4
最新发布
Gusha_的博客
07-23 577
HarmonyOS应用开发者高级认证最新题库，编写于2024年7月19日，Next版本发布之后
Vue使用FullCalendar实现日历/周历/月历
_小郑有点困了的博客
07-23 72
需求背景：项目上遇到新需求，要求实现工单以日/周/月历形式展示。而且要求不同工单根据状态显示不同颜色，一个工单内部，需要以不同颜色显示三个阶段。
HTML入门教程：标记语言基础与网页构成
"学习HTML使用方法，包括头部标记、基底文字、标题、元信息和基地网址标记的使用，以及HTML语法、网页构成元素和技术构成的详细介绍。课程涵盖动态网页技术，如CSS、JavaScript、CGI、PHP、JSP、XML等，并讲解了HTML...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值