쥰's 블로그

a 태그 ('a'치고 tab 누르면 알아서 태그 생김) 이렇게 코딩을 하고 실행하면 첫화면으로 이렇게 나온다. 여기서 첫번째 링크를 클릭하면 이렇게 같은 화면에서 '03Ul_List.html' 페이지가 나오는걸 볼 수 있다. 두번째 링크를 클릭하면 새로운 페이지로 '03Ul_List.html' 페이지가 나오는 것을 볼 수 있다. 세번째 NAVER로 이동을 누르면 해당 페이지에서 네이버로 넘어가는 것을 볼 수 있다. 네번째로 DAUM으로 이동을 누르면 프레임에 다음의 사이트가 나타나는 것을 볼 수 있다. ● 해당 문단으로 이동하는 a태그 헤더에 클릭하면 연결되도록 하는 박스를 설정했다. 긴글이 필요해서 위키백과에서 글을 가져와봤다. 한 화면에 모든 글씨가 보이지 않도록 확대를 해준다음에 박스 안에 있는 링..

테이블(table) 만들어 보기 헤더, 바디, 푸터를 순서대로 적지 않아도 태그로 정의 되어 있기 때문에 알아서 자리에 찾아감

table 태그 ● 행병합 : rowspan ex) 하고 없앨 곳 주석처리 or 삭제 table>tr*5>td*5{$} 으로 만든 테이블을 병합해봄 *주의 : 병합할때는 하나씩 병합하고 저장해야 원하는 표를 만들 수 있음 한꺼번에 하면 원치 않는 표가 만들어짐 ● 열병합 : colspan 밑에 표를 만들어보기 -> 코드

● 자식요소 : '>' ex) div>ul>li ● 형제노드 : '+' ex) div>ul+ol ● 상위 태그로 이동 : '^' ex) div>ul>li>a+ul>li*4^p ● 클래스명 : .클래스명 ex) .wrapper>ul.menu01>li>a ● ID명(유일명) : #ID명 ex) #wrapper>ul#menu01 ● attr속성 추가 ex)div>ol[type= 'I']>li*4{TEXT$} div>ol[type='I', data-menu='menu01']>li*4{TEXT$} .wrapper>ul>li*4{TEXT$@8} ----> $뒤에 '@8'을 붙여 8부터 시작 될 수 있게 함

: 리스트형 구조 생성 태그, 순서번호가 없음 : 순서번호가 있는 리스트 type = "a(영어 소문자)", "A(영어 대문자)", "i(로마자 소문자)", "I(로마자 대문자)", "1(숫자)" 만들어 보기! (코드) DOCTYPE html> Document 2023학년도 수강과목 HTML/CSS/JS Jquery React BootStrap 학년 1학년 HTML/CSS/JS/JQuery 2학년 BootStrap / Clone Coding 3학년 React Redux 4학년 Type Script/Next.js 백엔드 언어 JAVA JSP Servlet Spring Spring Boot

: 수평줄 : 단락줄 : 블럭형 태그 : 라인형 태그 ●엔티티 1) 띄어쓰기( ) :그냥 HELLO WORLD 칠 경우 화면상에는 HELLO와 WORLD사이에 띄어쓰기가 몇 개가 있든 하나 만 표시가됨 하지만 를 쓰면 쓴만큼 띄어쓰기가 됨 2) 보다 크다(>) : > 3) 보다 작다(<) :

◎HTML DOCTYPE html> Document ■확장명을 .html로 한 뒤 '!'를 누르면 자동으로 나옴 : 이 문서가 HTML5문서임을 선언 : HTML문서의 시작을 나타내며 lang 속성을 이용하여 문서의 기본언어가 한국어임을 명시 : 문서의 메타데이터와 제목 등을 포함하는 머리말 : 문서의 문자 인코딩을 UTF-8으로 설정 : 반응형 웹 디자인을 위한 뷰포트 설정 width=device-width : 뷰포트의 너비를 디바이스의 너비만큼 설정 initial-scale=1.0 : 페이지가 처음 로드될 때 기본 확대/축소 수준을 지정 Document : 문서의 본문, 브라우저에 ViewPort(웹페이지를 사용자가 보는 영역)에 표시되는 내용 ※TIP!! 1) 시작할 때 ! 치기 2) shift+a..