Front-end4 [ HTML ] HTML태그_기본요소 "내가 보려고 만든 HTML 태그 정리" [ HTML 기본 요소 ] ① : 스타일 속성 - style속성을 이용하여 css스타일을 HTML요소에 직접 설정 - style 속성값에 사용되는 CSS속성과 속성 값은 세미콜론;으로 구분 - 여러개 CSS속성 중 맨 마지막 CSS속성은 세미콜론; 생략 가능 ▼ CSS 속성 종류 더보기 배경색 설정 style = "background-color:white" 글자색 설정 style = "color:maroon" 글자 크기 변경 style="font-size:250%" 문단 정렬 변경 style="text-align:center" [ 여러 CSS 속성 사용법 ] 1. 태그 안에 style속성 이용해서 CSS속성 지정 1 2 3 여러 style 속성 한번에 사용하기 C.. 2020. 12. 6. [ HTML ] HTML 태그_텍스트 요소 "내가 보려고 만든 HTML 태그 정리" [ HTML 텍스트 요소 ] ① ~ : 제목 태그 - (h1 : 글씨 크기 가장 큼 ~ h6 : 글씨크기 가장 작음) - 태그의 위아래로 약간의 여백이 자동으로 삽입 - 태그를 이용해 검색엔진이 각 웹사이트의 내용의 키워드 수집하고 내용파악 1 내가 보려고 만든 HTML 태그 정리 더보기 내가 보려고 만든 HTML 태그 정리 ② : 단락(문단) 태그 - 태그의 위아래로 약간의 여백이 자동으로 삽입 - 태그 내의 여러번의 띄어쓰기(space 여러번)와 줄 나누기(엔터)는 무시되고 하나의 띄어쓰기(space 한번)로만 표현 1 2 띄 어 쓰 기 잘 되고 있나? 더보기 띄 어 쓰 기 잘 되고 있나? ③ : break line태그 - 새로운 단락을 만들지 않고 줄 나누기.. 2020. 12. 6. [ HTML ] HTML? HTML이란 ? - HyperText Markup Language로 웹 페이지는 HTML문서라고 불린다. - HTML은 다양한 태그로 구성되는데, HTML태그("")를 이용해 웹 페이지의 디자인이나 기능을 결정한다. - HTML문서는 메모장, vi등의 기본에디터로 작성할 수 있으며 작성 후 확장자를 ".html"로 저장하면 된다. HTML 문서 기본양식 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 //HTML문서임을 명시 //문서의 root요소를 정의 //문서의 메타데이터를 정의 // HTML5에서의 UTF-8 Insert title here // HTML문서의 제목을 정의 // 크롬으로 치면 브라우저 맨위 탭부분의 제목 // 웹 브라우저를 통해 보이는 내용 Colored by Col.. 2020. 12. 6. [ Ajax ] Ajax란? Asynchronous JavaScript and XML (비동기 자바스크립트 XML) - 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나 - 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있다 기존의 웹 프로그래밍 동작 원리 ① 클라이언트는 HTTP Request를 이용해 서버에 요청한다. 이때 클라이언트는 서버가 요청에 대한 응답을 할 때까지 기다린다. (동기 통신) ② 서버에서 요청 받은 데이터를 처리하여 HTML, CSS, JavaScript를 클라이언트에게 전송한다. ③ 클라이언트는 응답받은 HTML, CSS, JavaScript를 가지고 화면을 갱신한다. 이때 응답 받은 내용은 전체 페이지의 내용으로 화면 전체가 갱신된다. ↓ 동기 통신 Ajax를.. 2020. 12. 5. 이전 1 다음
