JavaWeb의 HTML 기본 학습에 대한 자세한 소개
- 黄舟원래의
- 2017-07-24 13:49:061207검색
JavaWeb01_html 기본
html 동작 아이디어
태그를 사용하여 동작할 데이터를 감싸고, 태그의 속성값을 수정하여 태그의 데이터 스타일을 변경합니다
글꼴 태그
속성: size 값 범위 1~7 색상: 영어 단어, 16진수 #ffffff
제목 태그 4a249f0d628e2318394fd9b75b4636b1 ... 4e9ee319e0fa4abc21ff286eeb145ecc code><code>4a249f0d628e2318394fd9b75b4636b1 473f0a7621bec819994bb5020d29372a ... 4e9ee319e0fa4abc21ff286eeb145ecc 489364b7e0629f9745997c79a31b7c6d
从h1到h6越来越小，自动换行
注释
4d6018a978959614927df657a8666c1d
列表标签
5c69336ffbc20d23018e48b396cdd57a 73de882deff7a050a357292d0a1fca94c72c1af5e0e7f90179c047c5ef85885e 67bc4f89d416b0b8236eaa5f43dee74282e295699cff932a4d4dabba39074c35 cd324b2387ec29e44e8e788c60648872有序
无序
图像标签
b3cb26ff25bf27daf17a7a16f59234f9alt:浏览器的兼容性很差
路径（相对路径）
在同一级目录：直接写
在下一层目录：images/1.jpg
在上层目录： ../
超链接标签
8fc5b7b29a34be241b983e970e31e526显示在页面上的内容5db79b134e9f6b82c0b36e0489ee08ed
打开方式 target=”_self _blank”
默认是在当前页面打开
表格标签
f5d188ed2c074f8b944552db028f98a1 a34de1251f0d9fe1e645927f19a896e8 b6c5a531a458a2e790c1fd6421739d1cb90dd5946f0946207856a8a37f441edf b4d429308760b6c2d20d6300079ed38e01c3ce868d2b3d9bce8da5c1b7e41e5b 555030cb2b5267c41522c066290065a2 fd273fcf5bcad3dfdad3c41bd81ad3e5 f16b1740fad44fb09bfe928bcc527e08
html的五个规范
一个html文件开始标签和结束的标签
100db36a723c770d327fc0aef2ce13b1和73a6ac4ed44ffec12cee46588e518a5ehtml包含两部分内容
93f0f5c25f18dab9d176bd4f6de5d30e设置相关信息9c3bca370b5104690d9ef395f2c5f8d16c04bd5ca3fcae76e30b72ad730ca86d显示在页面上的内容都写在body里面36cc49f0c466276486e50c850b7e4956html的标签是成对的
html的代码不区分大小写
有些标签，在标签内结束。比如换行:
df250b2156c434f3390392d09b1c9563分割线:231a563c997aa9e3e0ae614bd16728b0
表单标签
可以提交数据到服务器，这个过程可以用表单标签实现
ff9c23ada1bcecdd1a0fb5d5a0f18437和f5a47148e367a6035fd7a2faa965022eget请求地址栏会携带提交的数据，post不会携带
get请求安全级别较低，post较高
get请求数据大小的限制，post没有限制
常用的有两种 get和post get默认就是get请求
action:提交到地址，默认提交到当前页面
method:表单的提交方式
enctype: 一般请求下不需要这个属性，做文件上传时候需要设置这个属性
面试题目：get和post区别
输入项：可以输入内容过选择内容的部分
普通输入项：
5405ec19f1d2c7c9609565a405b3e7ac密码输入项：
36e29ba6ef97f5f43a0dfadc4ba067fc单选输入项：
bec2eb6e464ab42efd8e5ed305fe3a45
-> 在里面需要属性name
-> name的属性值必须要相同
-> 必须有一个value值复选输入项：
af21edc47aa0b45af8003be38089a721
-> 在里面需要属性name
-> name的属性值必须要相同
-> 必须有一个value值文件输入项（在后面上传时侯用到）
->d9fae9a589f7d7312c0f67fffbcf927a-
下拉输入项（不是在input标签里面的）
<select name="birth"> <option value="0">请选择</option> <option value="1991">1991</option> <option value="1991">1992</option> <option value="1991">1993</option> <option value="1991">1994</option> </select> 文本域
<textarea cols="10" rows=""></textarea>
隐藏项（不会显示在页面上，但是存在于html代码里面）
<input type="hidden"/>
提交按钮
<input type="submit"/> <input type="submit" value="注册"/>
使用图片提交
<input type="image" src="a.jpg"/>
大部分的输入项使用
345fd444834ea713d11a61ae4a25c4df
html中其它的常用标签的使用
b–加粗s–删除线u–下划线i–斜体pre–原样输出-
🎜🎜 h1부터 h6까지 점점 작아지고, 자동 줄 바꿈🎜🎜🎜🎜 comments🎜🎜🎜🎜sub和supb97a9b0ffcdcfb36d568272c7a7a4896🎜🎜🎜🎜list Tags🎜🎜 🎜🎜5c69336ffbc20d23018e48b396cdd57a 73de882deff7a050a357292d0a1fca9482e295699cff932a4d4dabba39074c35 cd324b2387ec29e44e8e788c60648872🎜🎜🎜🎜없음 서문 🎜🎜🎜 🎜이미지 태그🎜🎜🎜🎜346c122571d6142e8f337c40ba4428f0🎜🎜🎜🎜alt: 찾아보기 호환성 찾아보기 서버 상태가 매우 좋지 않습니다. 🎜🎜🎜🎜 경로(상대 경로) 🎜🎜🎜🎜 같은 디렉터리에: 하위 디렉터리에 🎜🎜🎜🎜 직접 작성: 상위 디렉터리에 image/1.jpg 🎜🎜🎜🎜: .. /🎜🎜🎜🎜하이퍼링크 태그🎜🎜92e53ebbb1d927e4092aac9c2a76a7b0페이지에 표시되는 콘텐츠5db79b134e9f6b82c0b36e0489ee08ed🎜🎜🎜🎜target="_self _blank"로 열기 🎜 🎜🎜🎜기본값은 현재 페이지에서 열리는 것입니다🎜🎜🎜🎜테이블 태그🎜rrreee🎜html의 다섯 가지 사양🎜🎜🎜🎜html 파일 시작 태그와 끝 태그100db36a723c770d327fc0aef2ce13b1및 73a6ac4ed44ffec12cee46588e518a5e🎜🎜🎜🎜html에는 두 부분의 콘텐츠가 포함되어 있습니다🎜🎜- 🎜🎜93f0f5c25f18dab9d176bd4f6de5d30e관련 정보 설정
9c3bca370b5104690d9ef395f2c5f8d1🎜🎜🎜🎜6c04bd5ca3fcae76e30b72ad730ca86d페이지에 표시되는 내용은 body36cc49f0c466276486e50c850b7e4956🎜🎜🎜🎜🎜html 태그는 쌍으로 되어 있습니다🎜🎜🎜🎜html 코드는 대소문자를 구분하지 않습니다🎜🎜🎜🎜일부 태그는 태그 내에서 끝납니다. 예를 들어, 줄바꿈:df250b2156c434f3390392d09b1c9563구분선:231a563c997aa9e3e0ae614bd16728b0🎜🎜🎜🎜양식 태그🎜🎜🎜🎜에 데이터를 제출할 수 있습니다. 이 프로세스는 양식 태그🎜🎜🎜🎜ff9c23ada1bcecdd1a0fb5d5a0f18437및f5a47148e367a6035fd7a2faa965022e🎜🎜- 🎜🎜get 요청 주소 표시줄에는 제출된 데이터가 전달되지만 게시물에는 전달되지 않습니다🎜🎜🎜🎜get 요청 보안 수준이 낮고 게시물이 더 높습니다🎜🎜🎜🎜 get 요청 데이터 크기 제한은 없습니다. post에는 제한이 없습니다🎜🎜🎜🎜일반적으로 사용되는 get과 post 두 가지가 있습니다. Get은 기본적으로 get 요청입니다🎜🎜🎜🎜action: 해당 주소에 제출하고 다음으로 현재 페이지에 제출합니다. default🎜🎜🎜🎜method: 양식 제출 방법🎜🎜🎜🎜enctype: 이 속성은 일반 요청에는 필요하지 않습니다. 파일 업로드 시 이 속성을 설정해야 합니다.🎜🎜🎜🎜인터뷰 질문: get과 post의 차이점🎜🎜🎜 🎜🎜입력 항목: 내용을 입력하고 내용 부분을 선택할 수 있습니다🎜🎜
- 🎜🎜일반 입력 항목:
< ;input type="text"/>🎜🎜🎜🎜비밀번호 입력 항목:ea46e67aeb2828cb0736258b2a692b52🎜🎜🎜🎜무선 입력 항목:<input type="radio"><br>-> 속성 이름은 필수입니다.<br>-> 이름의 속성 값은 동일해야 합니다.<br>-> 값이 있어야 합니다 🎜🎜🎜🎜입력 항목 확인: <code>1587e90484ec28fb44fc75057d728e19
-> br/>-> 이름의 속성 값이 동일해야 합니다
-> 값이 있어야 합니다 🎜🎜🎜🎜파일 입력 항목(나중에 업로드 시 사용)
-> 714779e36f6b8fe3da1575391740131b🎜🎜🎜🎜드롭다운 입력 항목(입력 태그 내부 아님)
🎜rrreee🎜🎜🎜텍스트 필드
🎜🎜🎜rrreee 🎜🎜🎜숨겨진 항목(페이지에는 표시되지 않지만 html 코드에는 존재함)
🎜 🎜🎜rrreee🎜🎜🎜제출 버튼
🎜🎜🎜rrreee🎜🎜🎜이미지 제출 사용
🎜🎜🎜rrreee🎜🎜🎜대부분의 입력 항목은ebab62f685a1533509691835c57aab5f의 유형을 사용합니다. html의 다른 공통 태그 사용🎜🎜🎜 🎜b– 굵은 글씨🎜🎜🎜🎜s– 취소선 🎜🎜🎜🎜u– 밑줄 🎜🎜🎜🎜i– 기울임꼴 🎜🎜🎜🎜pre– 있는 그대로 출력 🎜🎜🎜🎜sub및sup– 아래 첨자 및 위 첨자 🎜 div– 자동 줄 바꿈div–自动换行span–在一行显示
html头标签的使用
html两部分组成 head和body
可以使用link标签引入css文件
可以统一设置超链接的打开方式
601b81223496046ea1e683684b6cbbaa–设置全文超链接以新窗口打开d0570e7d83ad9ce401dcbd91a4ac9c0f–以前的搜索引擎检索方式6d22264add33a63f2df6002f5dfb4383–三秒跳转在head里面的标签就是头标签
title标签：表示在标签上显示的内容
e8e496c15ba93d81f6ea4fe5f55a2244标签：设置页面的一些相关的内容
base标签：设置超链接的基本设置
link标签：引入外部文件
框架标签的使用
使用框架标签的时候，不能写在body里面，使用了框架标签，需要把body去掉
f900b4fc197b16ab214eecf015bb6bd2标签rows:按照行进行划分
fcb6cc13998eaef4d3f9afa602023caacols:按照列进行划分
b6142877576e70b35c26ba4a657346f304a0d55efbbfd646a993fbc01f262c57标签c34bdaaa68bf12ac10f5c94fca59cd2c-
span– 한 줄로 표시
html 헤더 태그 사용
- 🎜🎜할 수 있습니다 링크 태그를 사용하여 CSS 파일 소개 🎜🎜🎜🎜 하이퍼링크 열기 방법을 균일하게 설정할 수 있음
bd1e0019a156d239985355445b844428 - 전체 텍스트 하이퍼링크가 새 창에서 열리도록 설정 🎜🎜🎜🎜25c7e2ca9dd42c1f9359501eb8c88b58 – 이전 검색 엔진 검색 방법 🎜🎜🎜🎜b6b32d732b5f642810153b737e313f7e - 3초 점프🎜🎜🎜🎜머리에 있는 태그가 머리 태그입니다🎜🎜🎜🎜제목 태그: 에 표시되는 콘텐츠를 나타냅니다. tag🎜🎜🎜🎜e8e496c15ba93d81f6ea4fe5f55a2244 태그: 설정 페이지의 일부 관련 콘텐츠🎜🎜🎜🎜base 태그: 하이퍼링크의 기본 설정을 지정합니다.🎜🎜🎜🎜link 태그: 외부 파일 소개🎜🎜🎜🎜사용 프레임 태그
🎜프레임 태그 사용 시 본문에 쓸 수 없으며 프레임 태그를 사용하므로 본문을 제거해야 합니다🎜- 🎜🎜
< ;frameset> tag🎜🎜- 🎜🎜rows: 행에 따라 나누기
bdc9eb12129794696d0b9ffbc4e72f1c🎜🎜🎜🎜 cols: 열로 나누기 fe8a1c9f4c285c8d98cad0432395d924🎜🎜🎜🎜🎜76b9874448a7cbe5d30d6a323b7870a4🎜🎜🎜🎜상세 표시 🎜🎜🎜🎜 페이지위 내용은 JavaWeb의 HTML 기본 학습에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!