JAVAWEB

橡皮泥ovo

已于 2023-12-29 15:46:59 修改

阅读量324

点赞数 8

分类专栏： JAVAWEB 文章标签： web java

于 2023-12-28 22:23:16 首次发布

本文链接：https://blog.csdn.net/Sakura_syh/article/details/135279649

版权

JAVAWEB 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

JAVAWEB

HTML:超文本标记语言,决定页面的显示什么内容

CSS:页面上的内容显示的风格(决定页面上内容的美观程度)

JavaScript:页面特效

HTML知识

1)html语言是解释型语言，不是编译型语言(java),浏览器是容错的，总而言之错了也会运行

2)html页面中一堆标签组成！<html></>html>
<html> 称为 开始标签
</>html> 称为 结束标签

3)title 表示网页的标题
4)可以在meta标签中设置编码格式
5)<br/>表示换行。br标签是一个单标签。单标签:开始标签和结束标签是同一个

6)p表示段落标签

7)img 标签属性
    src表示图片文件的路径
    width和height表示图片的大小
    alt表示图片的提示

8)路径的问题
  1.相对路径
    相对于当前这个文件某一个资源的位置
  2.绝对路径
    不管文件放在哪里，路径都是不变的，从盘符开始写的

9)h1～h6标题标签

10)ol有序列表 li
	 		start表示从*开始  type表示显示的类型 A a I i 1(默认值)
   ul无序列表 li
    type disc(default),circle,square

11)u下滑线 b粗体 i斜体

12)sub下标 sup上标

13)&lt;(<) &gt;(>) &le;(<=) &ge;(≥) &reg;注册商标 &copy版权符号

14)span 不换行的块标记

15)a表示超链接
		href链接地址
		target:
    	_self 在本窗口打开
    	_blank 在一个新窗口打开
   	 	_parent 在父窗口打开
    	_top 在顶层窗口打开

16)div层

17)
表格   table
行     tr rowspan="2" 行合并
列     td colspan="4" 列合并
表头列  th
table中属性如下:
          -border:表格边框的粗细
          -width:表格的宽度
          -cellspacing:单元格间距
          -cellpadding:单元格填充
tr中属性如下:
         -align="center"
         -align="left"默认
         -align="right"

18）表单 form

	<form action="demo2.html" method="post">
          昵称:<input type="text" name="nickname"/><br/>
          密码:<input type="password" name="password"/><br/>
          性别:<input type="radio" name="gender" value="male"/>男
              <input type="radio" name="gender" value="female" checked="checked"/>女<br/>
          爱好:<input type="checkbox" name="hobby" value="football" checked="checked"/>足球
              <input type="checkbox" name="hobby" value="badminton" checked="checked"/>羽毛球
              <input type="checkbox" name="hobby" value="rugby"/>橄榄球<br/>
          星座:<select name="constellation">
                  <option value="aries">白羊座</option>
                  <option value="virgo" selected="selected" >处女座</option>
                  <option value="libra">天秤座</option>
                  <option value="scorpio">天蝎座</option>
            </select><br/>
          备注:<textarea name="remake" cols="30" rows="5"></textarea><br/>
          <input type="submit" value="注册"/>
          <input type="reset" value="重置"/>
          <input type="button" value="这是一个普通按钮">
     </form>

19)<input type="text">表示文本框,其中name必须指定不然信息不会发送给服务器
	 <input type="password"/>表示密码框
	 <input type="radio"/>表示单选按钮。需要注意:name必须保持一致,这样才会有互斥效果,可以用checked属性设置默认选中的项
	 <input type="checkbox">表示复选框。需要注意的是:name属性建议保持一致，这样服务器获取值的时候获取的是数组
	<select></select>表示下拉列表。每一个选项option，其中value属性是发送给服务器的值，selected表示默认选中
	<textarea></textarea>表示多行文本框，它的value是用户填写的内容
	<input type="submit"/> 表示注册按钮
	<input type="reset"/>  表示重置按钮
	<input type="button"/> 表示普通按钮

20）frameset表示页面框架，这个标签已被淘汰
frame表示框架中的具体页面引用
iframe 在一个页面内嵌入一个子页面

<!--嵌入页面 rows横着切 cols竖切 frameset frame 
frameborder属性 不要边框
注意写这个就没有body body里想嵌入用iframe-->
<frameset rows="20%,*"frameborder="no">
    <frame src="frame/top.html"/>
  <frameset cols="30%,*">
    <frame src="frame/left.html">
    <frameset rows="70%,*">
      <frame src="frame/main.html">
      <frame src="frame/bottom.html">
    </frameset>
  </frameset>
</frameset>