HTML 10

10.입력양식

태그명:속성명 =>태그가 생성되면서 속성도 자동으로 추가       method=>데이터를 전송시켜주는 방법              get(디폴트)=>웹쇼핑(사이트 접속)->검색어 입력                    url속성항목에 검색어 노출돼서 전송(보안 X)              post=>회원가입,로그인,수정할때,게시판 글쓰기,,,           url창에 노출X 데이터 전송하는 방법      action=>전송해주는 페이지명(~.jsp) 공공기관,~.php    input:text=>문자열을 전송(이름,주소) size="입력받는 문자열길이"      input:password =>암호      input:button=>버튼생성      name=>입력받은 값을 구분하는 인자로 사용(=변..

HTML 2024.07.18

9.table 그룹화

테이블(table,tr,td,th)+본문(상단,본문,하단) 접목(소계)      thead=>표의 머리글      tfoot=>중간에 배치 O      tbody=>내부에 하나이상 또는 그 이상의 tr태그를 갖고 있어야함.     ex) table>thead>tr>th*3>tfoot>tr>td*3>tbody>tr*2>td*3(X)      table>(thead>tr>th*3)+(tfoot>tr>td*3)+tbody>tr*2>td*3(O)     ex) table>thead+tfoot+tbody           tr>th*3 , tr>td*3 ,tr*2>td*3 body>    center>        table border="1">            thead>                tr> ..

HTML 2024.07.18

8.테이블 병합

3*3표 작성      center>table>(tr>th*3)+(tr>td*3)+tr>td*3      가로로 정렬=>align=>left | center | right      세로로 정렬=>valign=top  | middle | bottom      병합=>가로로 병합(colspan=합치는 갯수(=병합할 갯수))                 세로로 병합(rowspan=합치는 갯수(=병합할 갯수)) body>    center>        h3>참가자 목록h3>        table border="1" width="70%" height="100%"                cellspacing="0" cellpadding="0">                참가자 목록 -->          ..

HTML 2024.07.18

7.테이블 태그

table>tr>td*3           1*3 표         table=> 1.border=n(선의 굵기) 0(디폴트)              2.width,height(표의 크기)                      픽셀수(숫자) or 상대적인 단위(%)                       width=>% ,height=픽셀              3.cellspacing=>쉘과 쉘사이의 거리                      cellpadding=>쉘과 문자열사이의 거리                      =>표의 이중선X->단일선 O              4.align=left | center | right         tr=>전체행에 대한 속성을 부여td=>특정항목만 부여할때..

HTML 2024.07.18

6.semantic(3)

section내부에 section을 구성해서 본문을 작성 가능header>h1{제주 올레2}header>        h1>제주 올레2h1>    header>    h3{1코스} -->    section>        h3>1코스h3>        p>제주 올레에서 가장 먼저 열린 길. 오름과 바다가 이어지는 '오름-바당 올레'다.         아담하고 예쁜 시흥 초등학교에서 출발해 사시사철 푸른 들을 지나 말미로읆과        알오름에 오르면, 성산 일출봉과 우도, 조각보를 펼쳐놓은 듯한 들판과 바다를 한눈에 볼 수 있다.        p>        section>            h4>패스포트 스탬프 확인 장소h4>            p>시작 시흥리 안내소p>             p..

HTML 2024.07.05

5.semantic(2)

nav 선택(필수 X)=>section이 여러번 반복나올 수 있다.                                section태그 내부에 article이 없을수도 있다.                                footer                                header>h1{제주올레}header>        h1>제주올레h1>     header>     h3{제주 올레 7코스} -->     section>        h3>제주 올레 7코스h3>        p>외돌개를 출발하여 법환포구를 경유해 월평포구까지 어어진 해안올레. 올레인들이 가장 아끼고 자연생태길인 '수봉로'를 만날 수 있다.         수봉로는 세 번째 코스 개척 시기인 2007년 1..

HTML 2024.07.05

4.semantic(1)

사이트 작성=>주제         ctrl+/ 주석         semantic:'의미를 가진다.' 각 태그가 스스로 의미를 가진다.         1.header:사이트소개,메인메뉴(상단메뉴),사이트 로고포함         2.nav:사이트 소개(좌측),링크문자열과 같이 연결         3.section:실제 문서 내용이 나오는 영역                     =>소제목이 있는 단락구분(논리적인 단위)         4.article:실제적으로 자세한 문서내용이 나오는 부분         5.aside:블로그 형식(오른쪽) - 사이드바         6.footer:작성자정보,저작권정보(링크문자열) header>            h2>산과 벗하는 산악회h2>            h2>..

HTML 2024.07.05

3.목록보기

ul(unorder list)(순서가 없는 목록)=>상단메뉴 작성할때분류해서 보여주는경우type="disk"(디폴트),square(네모),circle(원)-비어있는 공ul type="square">        li>i>화면구현(html+css+javascript)i>li>        li>u>DB(오라클)u>li>        li>b>Javab>li>     ul> 실행화면      ol(order list)(순서가 있는 목록)  type="1"(디폴트 번호순서대로 출력),로마자 기호(I)  A(대문자로 표시),a(소문자로 표시) html문서=>1.공백을 인식X =>  표기해줘야 된다.                    2.중첩태그를 사용=>강조하는 경우(굵게),밑줄,이탤릭체        ..

HTML 2024.07.05

2.이미지,링크문자

ctrl+/  주석달기주석달기해제 다시 한번 ctrl+s         ·절대경로=>드라이브표시를 해서 직접적으로 경로를 지정           ex) C:\webtest\1.client\setup\abc.jpg >gif >png·상대경로=>현재폴더(.)를 기준으로 해서 상위폴더(..) or 하위폴더를 지정해서 불러오는 방식 1.src=>이미지를 불러올 경로를 지정 2.width,height=>이미지의 크기를 지정(픽셀수)    픽셀수=>모니터에 출력되는 점의 갯수 3.border=>테두리(선의 굵기를 ) 지정할때 사용    ex)border=0    디폴트값(설정 O or 설정x=>동일한 값이 적용되는값) 4.alt=>이미지를 불러오지 못할경우 어떤이미지를 불러오는지 알려주는 툴팁역할 html5=>이미..

HTML 2024.07.05

1. HTML 구조 및 작

DOCTYPE html>html5의 선언구문(html 주석) ctrl+s              head>                meta charset="UTF-8">                meta name="viewport" content="width=device-width, initial-scale=1.0">        title>1.html문서구조내용 파악title>    head>           태그의 종류-block계열의 태그->자동으로 다음줄 개행(줄바꿈)                    inline계열의 태그=>자동으로 줄바꿈X    -->  body>   h1>html문서의 특징h1>    1.태그내부에 또 다른 태그 사용이 가능하다. br>    2.태그명은 대,소문자..

HTML 2024.07.05