HTML的一些基础知识

本文链接： https://blog.csdn.net/weixin_43701019/article/details/98948318

——个人笔记

网页都是可以用HTML写出来的，我们可以在网页上，右键然后检查就会出现源码，这样我们要复制别人的博客，转发就可以直接在这个复制就行了。

基本语法
通常HTML都是<元素名>内容</元素名>这样组成的，下面常用的元素，有点像代码里面的关键字。

链接一般都由<a>标签定义，href属性用于规定指向页面的URL,name属性就是页面内标记

//这个是内部的链接
<a href="#type1" >定位按钮</a><br>
<a name="type1">定位位置</a>
//这个是外部的链接，也就是超级链接 
 <a href="https://blog.csdn.net/weixin_43701019/article/details/98948318" >   自己定义 </a>

<br>空行
style属性可以用来定义网页文本的样式，比如字体大小、颜色、间距、对齐方式等等
为元素添加一个style属性，属性通常都是在HTML元素的开始标签中设置的。
如 <h1 style="color:#20b2aa;">有颜色的标题</h1>
id属性和class属性的用法类似，给元素定义id和class的目的都是为了查找、定位元素，或-者为元素设置样式。但id属性用于标识唯一的元素，而class用于标识一系列的元素。

属性class应用

   <html>
      	<head>
         	<meta charset="utf-8"> 
           	<title>      </title>
           	<style>
           	.book {
           	float: left;/*控制元素浮动*/
           	margin: 5px;/*外边距为5像素*/
           	padding: 15px;/*内边距为15像素*/
         	width: 350px; /*宽度为350像素*/
           	height: 240px;/*高度为240像素*/
           	border: 3px solid #20b2aa;/*边框为3像素*/
           	} 
           	</style>
      	 </head>
       	<body>
       		<div class="book">
       			<p></p>
       		</div>
   	</body>
 </html>

在这里插入图片描述

id的应用
id则只是类似把一个class里面的每一部分命名而好管理，类似一个文件夹里面有text，png等等，我们在这个文件夹里建文件夹，把这些分类放进这些文件夹，我们会给文件夹起名，起名相当于起id。

HTML的一些基础知识

猜你喜欢