ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

HTML-标签语言

2022-06-11 23:04:16  阅读:210  来源: 互联网

标签:语言 提交 标签 单元格 标题 HTML 设置 type


1、<!DOCTYPE  html> 这个代码表示HTML5。HTML不区分大小写,语法不区分大小写


14、实体符号特点是:以&开始; 以;分号结束。  

15、<    < 小于号;

16、>    >大于号

17、    空格

18、border="1px" 设置表格的边框为1的像素宽度

19、width=宽度

20、heigth=高度

21、%会让表格等比例缩放;比较好

22、align 对齐方式

23、<table border ="1px" width="60%" height="150px" align="center"> 

24、      <tr>

25、         <th>员工姓名<th>  (这样一个就是一列)

26、         <th>员工编号<th>

27、         <th>员工部门<th>

28、      </tr>

29、      <tr>

30、         <td></td>

31、         <td></td>

32、         <td></td>

33、

34、      </tr>

35、       

36、 </table>

37、表格<th></th>出现在表格第一行,这个也是单元格标签,th比td多的是居中,加粗

38、一般和<td></td>联合使用

39、合并上下相邻的两个单元格。

40、 1、删除下面的单元格,

41、 2、上面的的单元格:rowspan=“2” 里面的数字合并几个单元格数字就写几   

42、合并左右相邻的单元格

43、 1、同样是删除一个格子,对删除哪一个没有要求

44、 2、colspan=“2”;里面的数字合并几个单元格数字就是几

45、HTML表格-thead-tbody-tfoot

46、bgcolor 设置背景色,在背景图片下面被覆盖

47、background 设置背景图片,整个网页的背景

48、

49、<img  src="img/淘宝.jpg"  width=200x"  title="淘宝"  alt="图片找不到"/></img>

50、设置图片宽度和高度的时候,只设置宽度,高度会进行等比缩放如果设置高度会失真;

51、img标签就是图片标签

52、src 属性是图片的路径

53、width 是设置图片的宽度的 hright设置高度

54、title 设置鼠标悬停时现实的信息

55、alt设置图片加载失败时提示信息

56、

57、图片超链接

58、<a href="https://www.taobao.com/" target="_blank">

59、 <img src="img/淘宝.jpg" width="120px"/>

60、</a>

61、target 属性:

62、 _self: 当前窗口

63、 _blank: 新窗口

64、 _top: 顶级窗口

65、 _parent: 父窗口

66、浏览器向服务器发送数据(请求:request)

67、服务器向浏览器发送数据(响应:response)

68、

69、无序列表<ul><li></li></ui>

70、有序列表<ol><lil></li></ol>

71、

72、<!--超链接和表单都可以向服务器发送请求,表单发送请求的同时可以携带数据-->

73、 <form action="http://www.baidu.com">

74、 <input type="text">

75、 <input type="submit" name="百度" value="百度">

76、 </form>

77、form标签的属性:action=""

78、 用来指定服务器地址发送请求:request

79、        表单项写了name属性的,一定会提交给服务器。

80、 没有name 表单不会提交数据给服务器

81、 HTTP协议规定,必须以这种格式提交给服务器

82、        type="submit" 提交: 表示该按钮是一个提交按钮,具有提交表单的能力

83、 type="button" 表示该按钮是一个普通按钮

84、 type="text"   表示一个文本框,不需要value用户些什么就是什么

85、 type="password" 表示一个密码框

86、 type="checkbox" 复选框

87、 type="radio"    单选按钮

88、 type="reset"    重置:清空

89、<textarea name="" id="" cols="30" rows="10"></textarea>

90、textarea 文本域  没有value属性;用户填写内容就是value

91、form表单method属性:

92、 method="post" 属性会让用户的敏感信息隐藏在浏览器地址栏:例如:密码

93、 method="get" 表单的属性会让用户的敏感信息显示在浏览器的地址栏

94、 method 需要指定不指定会默认get

95、

96、<!--file控件,可以直接上传文件-->

97、 <input type="file"/>

98、

99、mutiple 支持多选

100、size 设置显示条目数量

101、 <select multiple="multiple" size="3">

102、  <option>河北省</option>

103、 </select>

104、

105、readonly 可以提交数据给服务器 ,数据能看到

106、 disable数据不会提交,数据能看到(即使有name属性也不会提交)

107、 相同点:都是只读不能修改

108、<input type="text" name="username"  value="zhangsan" disabled />

109、<input type="text" name="usercode" value="110" readonly/>

110、

111、maxlength 设置文本框中可输入的字符数量<input type="text" maxlength="3"/>

<!DOCTYPE html><!--加上这行表示HTML5语法。去掉就是HTML4-->
<!--这是HTML的注释,HTML语法不区分大小写-->     

2、<p> 段落标记 </p>

3、<h1>标题字</h1>  <h2>标题字</h2>   <h3>标题字</h3>   <h4>标题字</h4>   <h5>标题字</h5>  <h6>标题字</h6>

4、<br> 标签换行标记是一个独目标记  

5、<hr> 横线(水平线),hr独目标记

6、<pre> 内容</pre> 预留格式:就是你怎么写的就怎么输出,你所写的js代码不会被浏览器翻译

7、<del>  删除字</del>

8、 <ins> 插入字带有下划线 </ins>

9、<b> 粗体字</b>

10、<i> 斜体字</i>

11、10<sub>m<sub>   <!--右下角单位10m -->

12、10<sup>2<sup> <!--右上角平方102 -->

13、<font color= "red" size=“100”> 字体标签 </font>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HTML基本标签</title>
    </head>
    <body>
        <!--段落标记-->
        <p>asdfasdfasfwqgqasdafscascasasf</p>asdfasdfasfasdfagwegdafasdfasfdc
        asdfasdfasfacczczvzvzxcvzvzvzvzxxzv
        
        <!--标题字:HTML 是预留格式-->
          <h1>标题字</h1>
          <h2>标题字</h2>
          <h3>标题字</h3>
          <h4>标题字</h4>
          <h5>标题字</h5>
          <h6>标题字</h6>
          
           <!--换行标记:br标签是一个独目标记-->
              hello<br>world!
          
          <!--横线(水平线),hr独目标记-->
          <hr>
        
          <!--color 和width 都是hr标签的属性-->
          <hr color = "red"  width="50%">
          <hr color = "green" width = 7%>

          <!--预留格式:就是你怎么写的就怎么输出-->
          <pre>
              for(int i = 0;1<=10;i++){
                  System.out.println(i);
              }
          </pre>

          <del>删除字</del>
          <!--insert-->
          <ins>插入字带有下划线</ins>
          <b>粗体字</b>
          <i>斜体字</i>
          
        <!--右下角单位 -->
        10<sub>m<sub> <br>
        <!--右上角平方 -->
        10<sup>2<sup> <br>
        <!--字体标签-->
        <font color= "red" size=“100”> 字体标签 </font>
    </body>
</html>

 

标签:语言,提交,标签,单元格,标题,HTML,设置,type
来源: https://www.cnblogs.com/lwt280887072/p/16367042.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有