15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > HTML基础知识

HTML基础知识

时间:2023-08-29 19:54:02 | 来源:网站运营

时间:2023-08-29 19:54:02 来源:网站运营

HTML基础知识:1.互联网的三大基石

2.HTML入门

(1)为什么要学习HTML?

(2)什么是HTML:

3.HTML、CSS、JS之间的关系

Html是基础,是框架,可以完成基本的功能,相当于人的骨骼,但是不够美观。Css是血肉,丰富了html框架,使得界面更加的美观,增加了静态的展现。相当于给人增加了血肉。html是css的基础,但是又没动态的效果,想加入动态的效果,就需要到js了。Js是在css,和html基础上面使得网页增加动态结果,js相当于人的灵魂。

4.html中标题标签常用的属性

标签属性是h1-h6,是自动给显示的内容加粗加黑显示。

!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!--标题标签会加粗加黑,会自动换行--> <h1 align="center">走进新时代</h1> <hr width="500px" color="red" align="center" size="3"/> <h2>走进新时代</h2> <h3>走进新时代</h3> <h4>走进新时代</h4> <h5>走进新时代</h5> <h6>走进新时代</h6> <!--p标签不会输出文本的格式--> <p> &nbsp;&nbsp;宝瓶州落魄山泥瓶巷陈皮皮,<br/>开山大弟子赔钱货,崔东山, 大水怪周米粒。 </p> <!--pre会输出文本的格式--> <pre>宝瓶州落魄山泥腿巷陈皮皮,开山大弟子赔钱货,崔东山, 大水怪周米粒。</pre> </body></html>5.常用的列表标签

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!--图片--> <img src="img/u=1345759728,698722148&fm=26&gp=0.jpg" /> <!--表格设置--> <table border="1px" cellpadding="20px" cellspacing="0px"> <tr height="100px" align="center"> <td width="100px" align="center">1</td> <td width="100px">2</td> <td width="100px">3</td> </tr> <tr height="100px"> <td>4</td> <td>5</td> <td>6</td> </tr> <tr height="100px"> <td>7</td> <td>8</td> <td>9</td> </tr> <tr height="100px"> <th>12</th> <th>12</th> <th>13</th> </tr> </table> </body></html>6.html中小标签

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!--the title lable h1-h6 is auto 加粗加黑,会自动换行--> <h1 align="center">走进新时代</h1> <hr width="500px" color="red" align="center" size="3"/> <!--u标签是下划线--> <h2><u>走进新时代</u></h2> <!--i标签是斜体--> <h3><i>走进新时代</i></h3> <!--del加上删除线--> <h4><del>走进新时代</del></h4> <!--dl跑马灯--> <marquee direction="right" scrollamount="40px">陈皮皮</marquee> <p> &nbsp;&nbsp;宝瓶州落魄山泥瓶巷陈皮皮,<br/>开山大弟子赔钱货,崔东山, 大水怪周米粒。 </p> <pre>宝瓶州落魄山泥腿巷陈皮皮,开山大弟子赔钱货,崔东山, 大水怪周米粒。</pre> </body></html>7.HTML超链接标签

<a>标签,里面得href表示超链接得地址,name是该超链接得地址,target设置在网页打开得方式。

8.HTML图片标签

9.HTML 表格标签

10.html表单标签

form是表单标签,其中属性Action表示表单提交的位置,method表示表单提交的方法。method有两种方法一种是get,一种是post,最大的区别是get会将提交的内容在url中显示,二post提交的内容不会url中显示,所以post安全性更高一些。

<input>表示普通的文本框,value属性表示文本框的值,type表示 文本框的类型,其中type为radio表示的单选框,其中跟着checked属性的为默认选择项;type为checkbox选项时为多项选择框,value为要传递的值;当type为file时表示文件选择框,当为hidden时候表示隐藏框,Select标签为下拉式选择框,其中value为传递的值,option为下拉选项中的值;当为submit时,表示提交按钮,可以提交数据,为reset时清空已经写好的内容,为button时普通的按钮,没有提交数据的功能.<textarea>是多行文本框,row表示文本框的行数,colw表示多行文本框的列数。

<form> <!--the plain text box--> The Account:<input type="text" name="account"/> <br/> The Password:<input type="paswword" name="pwd" value="123" /><br /> <!--the gender box--> boy:<input type="radio" name="sex" /> girl:<input type="radio" name="sex" /><br /> <!--the Multiple selection basket --> play basketball:<input type="checkbox" /> smoking :<input type="checkbox" /> reading:<input type="checkbox" /><br /> <!--the multiple text box--> Introduce to yourself:<textarea rows="12" cols="12"></textarea><br /> <!--select the fiel bottom--> <input type="file" name="fiel"/> <!-- --> <select> <option> ameiacan </option> <option> cbj e</option> </select> </form>11.ifram标签的作用

Ifram可以将一个html文件在一个html页面打开,可以重复的在一个窗口打开不同的xml文件。

12.div的作用

Div本身没有任何意义,它可以将网页进行模块化的划分。





关键词:知识,基础

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭