HTML的个人见解

    技术2022-07-13  95

    HTML总结

    HTML是什么?

    HTML是英文HyperText Markup Language的缩写,它的意思是超文本标记语言,用它编写出文档的文件的扩展名是“.html”或“.htm”(微软的操作系统),他是可供浏览器解释浏览的文件格式。你可以使用记事本,写字板或者是专业的IDE如:Dreamweaver等等编辑工具来编写HTML文件。HTML标记两端有两个符号“< 和 >”,这两个符号称为角括号。html标签通常是成对出现的,如“”和“”,前一个是开始标记,后面的是结束标记,在开始和结束标记之间的的文本是元素内容。html标记是与大小写无关的,“”和“”所表示的意思的一样的。标记可以拥有自己的属性。属性他能够为页面上的HTML元素提供附加信息。

    HTML的文档结构

    HTML的文档结构主要由以下三部分组成

    1.

    ​ 标记用于html文件的最前面,用来表示html文件的开始。而的标记则是放在html的最后 面,用来表示html文件的结束,两个标记必须一起使用。

    2…

    和构成html文件的头部部分,在此标记对之间可以使用 和等等标记对,这些标记都是描述html文档相关信息的标记对, 标记对之间的内容是不会在浏览器中的内容部分出现的。两个标记必须同时使用。

    3.

    ​ 和是html文档的主体部分,在此标记可以包括

    ,

    ,

    ,等等众多的标记,他们所定义的文本,图片等等将会在浏览器的内容部分显示出来。两个标记必须一起使用。

    <head> <title>欢迎来到我的博客</title>

    <h1>欢迎学习HTML</h1>

    title标记

    1.这里面的文字会出现在浏览器视窗最上面蓝色部分里,作为网页的主题。

    这是我的html页面

    分隔标记

    常用的分隔标记:

    强制断行标记

    强制分段标记

    空格“ ;

    <br>的使用 <html> <head> <title>强制断行标记的使用</title> </head> <body> ​ Hello<br> ​ Word </body> </html> <p>的使用 <html> <head> <title>强制分段标记的使用</title> </head> ​ <body> ​ Hello<p> ​ Word</p> ​ </body> </html> 空格的使用 <html> <head> ​ <title>空格的使用</title> </head> <body> Hello     Word。 </body> </html>

    字体的标记

    <head> <title>标题标记</title>

    <h1>HelloWord</h1> <br> <h2>HelloWord</h2> <br> <h3>HelloWord</h3> <br> <h4>HelloWord</h4> <br> <h5>HelloWord</h5> <br> <h6>HelloWord</h6>

    背景标记

    我个人觉的背景标记就是用来给背景添加颜色图片等一系列方法 例子1: <html> <head><title>背景颜色</title> </head> <body bgcolor="red"> <font size="4" face="黑体" color="red">从左到右分别为字体大小,字体的格式,字体颜色</font> </body> </html> 例子2: <html> <head><title>背景颜色</title> </head> <body background="你所需要添加的.jpg"> <font size="4" face="黑体" color="red">背景图片</font> </body> </html>

    标记

    <img src="boy.jpg" alt="haha" align="left" border="0" height="56px" width="32px"> //从左到又依次为 图片的地址 点击图片显示的信息 图片的位置 边界布局 高度 宽度序列标记

    序列标记

    1.无序列表< ul>

    2.有序列表

    3.自定义列表

    1.****无序列表** <html> <head> <title>无序列表</title> </head> <ul> <li>姓名:BestLee <li>生日:1998-11-11 <li>星座:天蝎座 </ul> </body> </html> 2.****有序列表** 例子: <html> <head> <title>有序列表</title> </head> <ol> <li>姓名:BestLee <li>生日:1998-11-10 <li>星座:天蝎座 </ol> </body> </html>

    表格

    表格的结构

    1.

    ... 是用来在html页面上创建表格的。

    2.代表列名一般放在第一行

    3.代表格的一行。

    4.用来定义表格的一列。

    ​ 在默认情况下,表格是没有边框的,如果想要出现边框,就是用border属性。

    表格的合并

    <td colspan="" rows=""></td>

    input标签

    标签的 type分为:

    text -文本框

    button -按钮

    submit-提交

    reset-重置

    password -密码

    checkbox-多选

    radio-单选

    file -上传文件

    date - 选取日、月、年

    month - 选取月、年

    week - 选取周和年

    time - 选取时间(小时和分钟)

    datetime - 选取时间、日、月、年(UTC 时间)

    datetime-local - 选取时间、日、月、年(本地时间)

    Processed: 0.027, SQL: 9