전체 글 (149) 썸네일형 리스트형 <HEADING> 제목(heading) 태그는 문서 내에 제목을 표현할 때 사용하는 태그입니다. 태그 이름은 heading을 줄여서 h로 쓰며, 제목의 레벨에 따라서 ~까지 있습니다. 보통 은 해당 페이지를 대표하는 큰 제목으로 주로 사용되며, 숫자가 올라갈수록 조금 더 낮은 수준의 소제목을 나타내게 됩니다. 태그는 글의 단락을 나타낸다. 태그는 글의 줄바꿈을 생성한다. 이 글은 네이버 부스트코스를 보고 포스팅 하였습니다. HTML 문서 구조 Hello, HTML 문서 타입 정의는 보통 DTD(doctype)라고 부릅니다. 이 문서가 어떤 버전으로 작성되었는지 브라우저에 알려주는 선언문이며 반드시 문서 내 최상단에 선언되어야 합니다. 이 문서는 html 5로 작성되었다 라고 선언이 되어 있습니다. lang 속성은 어떤언어를 사용되었는지 알수있는 태그입니다. ko한국어로 사용됩니다. 태그는 타이틀 태그나 링크태그나 스타일 태그가 들어갑니다. 문서의 기본정보 설정이나 내부의 스타일 시트 자바스크립트 연결을 합니다. charset은 문자의 인코딩 속성을 뜻합니다. HTML 문서의 제목이들어 갑니다. 브라우저 탭에 표시,접근성 ,검색엔진에 노출됩니다. 브라우저에 나타나는 태그입니다. 이글은 네이버 부스트코드를 보고 포스팅 하였습니다. 공백 / 주석 기본적으로 HTML은 두 칸 이상의 공백을 모두 무시합니다. Hello, HTML Hello, HTML Hello, HTML 화면에 확인해보면 같은 화면이 나오게됩니다. 화면에 노출되지 않고 메모를 남기는 것을 말합니다. 주석의 시작은 표시로 종료합니다. 이 글은 네이버 부스트코스를 보고 포스팅 하였습니다. 감사합니다. 태그 중첩 / 빈 태그 태그안에 다른 태그를 선언 할수 있습니다. 올바른 예 hi, HTML 잘못된 예 Hello, HTML 무조건 태그를 중첩해서 사용 시 중첩되는 태그는 부모 태그를 벗어나서는 안 됩니다. 시작태그가 있고 종료태그가 없는 경우가 있습니다. 화면에 표시되지 않지만 다른 용도로 사용되는 태그입니다. 이 글은 네이버 부스트코스를 보고 남긴 글입니다. 감사합니다 HTML Hyper Text Markup Language 웹 을 만드는 언어 hyper Text는 Hyper Text는 웹 페이지의 특정 부분과 연결할 수 있는 기능을 가진 텍스트 링크를 의미합니다. 확장자는 Html 입니다. 태그 Html은 태그들의 집합이며 태그는 무언가를 표시하기 위한 이름표라는 의미입니다. 태그사용 태그는 기호로 표현 하면 기호사이에 태그이름이 들어갑니다. 태그는 시작태그와 종료 태그로 이루어져 있습니다. 종료태그 이름 앞에 '/'가 붙습니다. 요소 내용을 포함한 태그 전체를 요소라고 합니다. 속성 속성은 태그에 추가로 정보를 제공하거나 태그의 동작이나 표현을 제어할 수 있는 설정값을 의미합니다. 예시 Hello, HTML 이름="값" 속성값은 홑따옴표(')와 쌍따옴표(")로 감싸 표현합니.. border-radius border-radius 테두리를 둥굴게 만드는 속성입니다. 1. 속성 8군데 길이를 정해야합니다. border-radius: top-left-x top-right-x bottom-right-x bottom-left-x / top-left-y top-right-y bottom-right-y bottom-left-y 2.대각선 방향으로 값이 같을 때 사용할 수 있습니다. border-radius: aa bb aa bb / cc dd cc dd border-radius: 40px 80px / 80px 40px; 3.네 곳이 모두 같을 때 사용할 수 있습니다. border-radius: aa aa aa aa / bb bb bb bb border-radius: 80px / 40px; 4.가로 방향과 세로 방향의.. 상속 html css javascript style attribute id selector class selector tag selector 우선순위 1.style attribute (태그에 가깝고 더 구체적이다.) 2.id selector (특정 아이디만 선택할수 있기 때문에 중복안됨 3.class selector (원하는 태그를 정할수 있기 때문에) 4.tag selector (포괄적이기 때문에) 구체적일수록 우선 순위가 높다. li{color:red !important;} 우선순위가 제일 높아진다. #idsel{color:blue;} #idsel{color:yellow;} .classsel{color:green;} 이 글은은 생활코딩을 참고하여 포스팅 하였습니다. egoing님 감사합니다. 이전 1 2 3 4 5 6 ··· 22 다음