酷金网

HTML是什么?HTML新手入门知识点

692人参与 |时间:2022年10月29日 18:00 

html是超级文本标记语言,在浏览器运行的一种标记语言。

通常被称为静态网页,是带html或Htm扩展名的文件,的一些标签代码规则将内容呈现在浏览器中所需的风格,可以使用记事本创建,并以.html或.htm为扩展名保存。Html文件中的代码包含一些规则、规则、标签和内容。形成具有指定的html结构和内容的完整的HTML文件。您可以直接用浏览器打开它来查看网页的效果。若要在浏览器中显示各种网页,则需要 html文件(HTML基本结构+内容+标签)和 css文件(css风格)才能实现所需的漂亮网页。

html是超文本标记语言,是用来描述 web文档的一种标记语言。使用标签作为页面的开始和结束部分。html指的是超文本标记语言 (Hyper Text Markup Language)。是制作超级文本文档的简单标记语言,可以从一个平台移植到另一个平台,通常用于制作网页。html文件是asci文本,包括格式标记和超级文本链的嵌入代码。


htmltext是由 HTML命令组成的描述性文本,它能够描述文字,图形,动画,声音,表格,链接等。网页结构由标题和正文两部分组成。Header描述浏览器需要的信息,并且主体包含要描述的具体内容。

Html是网页设计的基础。在网站结构中,静态网页被称为基于 HTML的网页。过去的网页都是直接用 HTML代码编写的,但现在有许多智能网页制作软件(经常使用的 frontpage、 dream weaver等)通常都是通过这些软件自动生成的,而不是手工编写。虽然不一定要自己写,但是理解 HTML代码还是很重要的。了解 HTML是什么?了解网站建设的重要技术基础知识。

html新手入门知识点

HTML结构


<!DOCTYPE html>       #声明文档类型,

<html lang="en">      #是所有标签的容器,lang表示语言,表示整个文档的内容以什么语言为主  

<head>                 #页面结构的头部,包含辅助显示的标签   

 <meta charset="UTF-8">  

  <title>Title</title>     #页面的标题,在标题栏显示的内容

</head>

<body>                      页面结构的主体,包含在页面中显示的标签</body></html>
<!DOCTYPE>:设置当前文档使用的标准,建议使用HTML5的类型,

HTML标签:用于包裹页面上所有的其他标签
head标签:用于存放title,meta,base,style,script,link标签,这些标签都是用来辅助显示的标签,每个head标签必须有一个title标签
body标签:用于存放所有的页面上的结构标签
title标签:用于设置页面的标题、同时提高SEO的权重
meta标签:设置页面上的字符集(编码格式),utf-8,gb2312
<!--注释内容-->:HTML注释,给代码添加的代码说明性的文字,或者使一些没有必要去掉它的作用
语义化:是指用合理HTML标签以及特有的属性去格式化文档内容


HTML标签:

不加标签的纯文字也是可以在body中写的

<b>加粗</b>

<i>斜体</i>

<u>下划线</u>

<s>删除</s>

<p>段落标签</p>

 #独占一个段落

<h1>标题1</h1>

<h2>标题2</h2>

<h3>标题3</h3>

<h4>标题4</h4>

<h5>标题5</h5>

<h6>标题6</h6>

<br>  #换行

<!--水平线--><hr> #就是单独个一个水平线

每次加上一些内容,别忘了刷新一下页面,才能看到新添加的效果或者内容,其实上面这些标签很少用

特殊字符:


&nbsp;    #空格            °    #&deg;
&gt;     #>               ±    #&plusmn;
&lt;      #<              ÷    #&divide;
&amp;     #&              乘号   #&times;
&yen;     #¥              ²平方     #&sup2;
&copy;     #版权标识©      ³立方     #&sup3
&reg;      #注册


div标签和span标签(最常用的),没有语义的标签:

div布局标签
在页面上单独独占一行,如果不设置宽度,默认占一行,通常作为容器布局的时候使用
span标签
一行可以放多个,显示大小由内容决定

img标签:

<img src = '韩明展.png' alt="这是韩明展" title="酷赚网韩明展" width="700" height="700">     <!--src=图片的路径,alt=图片的描述,在图片加载失败后显示,    title=图片描述,在鼠标悬停在图片上时会显示-->
通过width,height来设置宽和高,,若只设定一个,会自动等比例缩放,src的路径又分为两种:网页上的一个图片路径和本地的一个图片路径

a跳转标签:


 <a  id="666" href="1688.html#iii" target="_blank"><h1>努力,奋斗?</h1></a> 

    <!--a标签的跨页面进行定位-->  

  <!--href=目标页面的路径,a标签中一定要有内容,target属性设置的是,a标签的跳转方式,

   默认值为_self,不保留当前页面,跳转;_blank,保留当前页面,打开一个新的窗口进行跳转-->   

 <p>AAAAAA</p>   

 <p>BBBBBB</p>    

<p>CCCCCC</p>    

<p>DDDDDD</p>   

 <p>EEEEEE</p>    

<a href="#zjm">点我</a>
上面的a标签的id为666,如果我点击‘点我’,页面会定位到上面的a标签

表格:

<!--border 表格边框的宽度
           width 表格的高度
           height 表格的高度
           cellspacing 边框之间的间歇
           cellpadding 表格中的单元格中的内容跟边框的距离
           align 水平位置,left center right-->

<!--table 表格
   tr 行
   td 行内的单元格
   th 表头
   caption 表的标题
   thead 容纳表的表头
   tbody 容纳表的主体内容
   tfoot 容纳表的尾巴,一般不出现-->
   </table>

欢迎分享、转载请保留出处和链接!如有侵权,请告知本站!

本文地址:http://ku1688.com/blog/131.html