JAVAWEB基础知识——HTML篇

最新推荐文章于 2022-05-07 10:03:49 发布

猫爷阿呆

最新推荐文章于 2022-05-07 10:03:49 发布

阅读量1.6k

点赞数

文章标签： html 前端

本文链接：https://blog.youkuaiyun.com/weixin_42433978/article/details/122419362

版权

1、什么是HTML语言？

2.HTML的发展史

3.HTML基本结构：

4.<meta>标签注意事项

5.常用的标签

（1）标题标签

（2）段落标签

（3）换行标签

<br/>

（4）水平线标签

<hr/>

(5)字体样式标签

加粗：<strong>...</strong>

斜体:<em>...</em>

(6)特殊符号标签

空格：   大于号： > 小于号： < 引号： " 版权符号@: ©

(7)<img>图像标签的用法

(8)<a>超链接的标签四种用法及基本语法

（8-1）与外界网站链接

例如：<a href="http://www.baidu.com" target="_blank"></a>

（8-2）本地文件的链接

例如：<a href="img/mv.jpg" target="_blank"></a>

（8-3）锚链接，页面间的相互跳转

（8-4）邮件的链接

额外补充：行内元素与块元素的特性：

(9)有序列表、无序列表、定义列表的使用

1.有序列表

2. 无序列表

3. 定义列表

(10)表格标签的使用

<tr> :表示行 <td> ：表示单元格 colspan=" ":表示所跨几列 rowspan=" " ：表示所跨几行

<th> ：表示表头 border ：设置所有边框属性 cellpadding ：cellpadding 属性规定单元边沿与其内容之间的空白。 cellspacing:可设置或返回在表格中的单元格之间的空白量（以像素为单位）.

align="center" 或"left"或"right"表示表格的对齐方式

colspan与rowspan创建表格时辅助记忆的口诀：colspan删自己 rowspan删别人

例子： <table border="1" cellpadding="20px">
               <tr>
                       <td colspan="4"></td>
                </tr>
               <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                </tr>

</table>

（11）video标签的使用（audio标签同此）

（12）页面布局分析

（13）<iframe>标签使用

(14) 表单：（此为重点）

一、表单基本语法

<form action="表单提交的服务器地址 " method=" 表单提交方式（get或post）">

<input type="表单类型 " name="名称 " value=" 值 "/>

</form>

二、表单元素格式

三、表单类型及相关使用

1、文本框

2、密码框

3、单选框

4、复选框

5、下拉列表框

6、按钮

7、多行文本域

8、文件域

9、邮箱

10、网址

11、数字

12、滑块

13、搜索框

14、隐藏域

15、只读和禁用

16、表单元素的标注

例子：

<label for="male">男</label><input type="radio" name="gender" id="male"/>
<label for="female">女</label><input type="radio" name="gender" id="female"/>

17、表单初级验证的三个方法

（1）placeholder:

（2）required:

（3）pattern

补充表单button常用用法：button按钮在form表单中常用于提交用来替换type="submit"的方式

<form>

<button >提交</button>

</form>

(15) HTML补充知识

一、背景色

<body bgcolor="#6495ed"> 
夏天的风
</body>

二、onclick与alert用法

Onclick：表示单击事件

Alert：是Javascript语言提供的一个警告框函数，可以接受任意参数，参数就是警告框的函数信息。

<button onclick="alert('我依然记得')">夏天的风 </button> 

三、字体标签：font

Color属性修改颜色；Face属性修改字体；Size属性修改文本大小

例子： <font color="#6495ed" size="5" face="黑体">欢迎来到html的世界</font>