-
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结构:
<!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> #就是单独个一个水平线
每次加上一些内容,别忘了刷新一下页面,才能看到新添加的效果或者内容,其实上面这些标签很少用
特殊字符:
#空格 ° #°;
> #> ± #±
< #< ÷ #÷
& #& 乘号 #×
¥ #¥ ²平方 #²
© #版权标识© ³立方 #³
® #注册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
HTML是什么?HTML新手入门知识点
692人参与 |时间:2022年10月29日 18:00
相关文章阅读更多:html
- 2022-11-06学习html的自学总结
- 2022-10-29HTML新手入门和CSS的知识点