HTML基础编程,页面设计简介

HTML基础编程,页面设计简介原文链接:https://blog.csdn.net/qq_45059457/article/details/106492651HTML(超文本语言)是构成网页文档的主要语言;HTML语言的基本组成部分是各种标签;HTML有两种类型的标签:一种是单标签,例如:<br>。一种是双标签,

大家好,欢迎来到IT知识分享网。HTML基础编程,页面设计简介

原文链接:https://blog.csdn.net/qq_45059457/article/details/106492651

HTML(超文本语言)是构成网页文档的主要语言;
HTML语言的基本组成部分是各种标签;
HTML有两种类型的标签:一种是单标签,例如:< br>。一种是双标签,例如:< p>< /p>;
HTML对大小写不敏感;

//关于页面设计
< head>< /head>用来设置网页的标题,可以省略。
< body></ body>之间的内容在浏览器窗口上显示。

在HTML中提供了6个等级标题,数字越大,标题字号越小。
<body>
<h1>标题1<h1>
<h2>标题2<h2>
<h3>标题3<h3>
</body>

< br>为换行标签
< p>为段落标签,一个段落开始由< p>来标记,结束用< /p>。
< p>有一个常用的属性align,用来指明内容显示时的对齐方式,常用有left,center和right,分别表示左对齐,居中对齐和右对齐。
< hr>是水平线;
size:水平线的宽度,单位为像素;
width:水平线的长,如果不设置,则默认为页面长度,其默认单位为像素;单也可以用百分制,例如width=50%表示长度为页面长度的50%;
align:水平线的对齐方式,常用的有left,center和right;
noshade:若设置,则线段为实心线段;
color:线段内部的颜色。

//关于文字设计
< font>< /font>标签一把用于标记字体,以下有常见属性。
size:1到7,值越大,字体越大。值为3为页面默认值。还要其他表示,“如:size=+2”,“szie=-2”表示为比标准字体大2号或小2号。
face:用来设置字体类型,默认为实体。
< b>内容< /b>:将内容设置为粗体。
< u>内容< /u>:将内容设置下划线。
< i>内容< /i>:将内容设置为斜体。
< sup>内容< /sup>:将内容设置为上标。
< sub>内容< /sub>:将内容设置为下标。
注:空格可以用& nbsp;

//关于列表
列表标签分为两种,一种是有序的,另一种是无序的。其中列表的每一项用< li>列表项< /li>表示。
< ul>内容< /ul>:表示无序标签。
< ol>< /ol>:表示有序标签,不同点在每个列表项前加上数字。

//关于表格
编写表格所用到的标签如下。
< table>< /table>:定义表格,表格的所有内容都写在这个标签之内。
< caption>< /caption>:定义标题,自动出现在正张表格的上方。
< tr>< /tr>:定义表行。
< th>< /th>:定义表头;包含在< tr>< /tr>之间,表头中的文字自动变成粗体。
< td>< /td>:定义表格的具体数据,包含在< tr>< /tr>之间。
align:用来指明内容显示时的对齐方式,常用有left,center和right,分别表示左对齐,居中对齐和右对齐。
bgcolor:设置边框的宽度,属性值为整数,默认值为0。
width:宽度,默认单位为像素,可以有百分数表示。
heiht:宽度,默认单位为像素,可以有百分数表示。
合并单元格必须对< td>标签中的rowspan、closoan属性进行设置,属性值都为整数,默认为1,表示没有合并。
owspan表示行与行之间合并。
closoan表示列与列之间合并。

//关于链接和图片
< a>< /a>为链接所显示的内容,可以是文字、空格占位符、图片等,此标签的一个重要属性是href,他的值表示链接所指向的资源地址。
< img >图片标签的作用是将一幅图片显示字啊网页的某个位置,并且可以设置它的大小、边框等属性。
src:表示图片储存的位置。
width,heigt,border和align:和之前的一样。
alt:当图片未载入或者载入失败时提供的替代性文字说明。

//关于表单标签
控件包括文本框、密码框、单选框、复选框、重置按钮、普通按钮、提交按钮等。这些控件所在的区域叫做表单。
< form>< /form>为表单。
< input> </ input>可以显示输入框和按钮等元素,由他的type属性决定。
text:为input标签type属性的属性值,文本框。例如输入:<input type=”text” name=”name” />
passswd:为input标签type属性的属性值,密码框。
radio:为input标签type属性的属性值,单选按钮,可以将多个单选按钮的name属性设置为相同,使其成为一组。checked属性可以设置默认被选。
checkbox:复选框,checked属性可以设置默认被选。
reset:重置按钮,按下之后所有的表单内容变为默认值。
button:普通按钮。
submit:提交按钮,按下之后网页会将表单的内容提交给action设定的网页,action的值为空时提交给本页。
< textarea>< /textarea>:表示多行文本框,可以用rows属性表示其行数,用cols属性表示其列数。
< select>< /select>:表示下拉菜单,其中的选项使用“< option>选项内容< /option>”表示,multiple属性能将其设置为多选,size属性的值为下来菜单显示的项目数。

//界面跳转
<form name=”当前的jsp文件” method=”post” action=”要跳转的JSP文件名.jsp”>

   <input type=”submit” value=”跳转1″>

  </form>

//乱码解决
request.setCharacterEncoding(“utf-8”);

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/31054.html

(0)
上一篇 2023-10-24 15:45
下一篇 2023-11-01 13:45

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信