wwxs 님의 블로그

HTML Head ● Emmet 기능을 사용하여 html문서에 !를 입력한 뒤 tab을 누르면 자동으로 head요소가 포함된 html 문서 구조가 입력 HTML 요소: 문서의 제목을 정의● HTML 문서의 필수 요소 -> 검색엔진최적화(SEO) 사용 시 검색 결과에 페이지를 나열 할 때 검색 엔진 알고리즘에서 순서를 결정하는데 사용 HTML 요소: 단일 HTML 페이지의 스타일 정보를 정의하기 위해 사용 HTML 요소: 현재 문서와 외부 리소스 간의 관계를 정의 -> 외부 스타일 시트에 링크할 때 사용 HTML 요소: 일반적으로 문자 세트, 페이지 설명, 키워드, 문서 작성자 및 뷰포트 설정을 지정하기 위해 사용 사용할 문자 집합을 정의검색 엔진의 키워드를 정의웹 페이지에 대한 설명을 정의페이지 ..

시멘틱(Semantic) 태그 이름만 봐도 의미를 알 수 있다. ex) 태그 : 텍스트 단락(paragraph)      태그 : 앵커(anchor)' 시멘틱 태그' 의 필요성HTML의 소스 코드만 보고도 어느 부분이 제목이고 메뉴이고 본문 내용인지 쉽게 알수 있다.문서 구조가 정확히 나눠지므로 PC나 모바일의 웹 브라우저와 여러 스마트 기기의 다양한 화면에서 웹 문서를 표현하기가 쉽다.인터넷에서 웹 사이트를 검색할 떄 필요한 내용을 정확히 찾을 수 있다.웹 문서 구조를 만드는 주요 시멘틱 태그    1.  태그헤더 영역주로 맨 위쪽이나 왼쪽에 위치검색 창이나 사이트 메뉴를 삽입    2.  태그네비게이션 영역같은 웹 문서 안에서 다른 위치로 연결하거나 다른 웹 문서로 연결하는 링크 포함    3. ..

HTML 속성 모든 HTML 요소는 속성을 가질수 있다. ● 속성은 항상 시작 태그에 지정● 속성은 일반적으로 name = "value"와 같은 이름/값 쌍으로 제공 내용  권장 사항● 공백 사용 : 하나 이상의 속성들이 있는 경우엔 속성 사이에 공백● 소문자 속성 사용 : HTML에서 소문자 속성을 권장● 속성 값은 항상 따옴표 사용 : HTML에서 속성 값은 따옴표를 사용하는것을 권장네이버 스포츠 야구 HTML 속성(Atrributes) 의 종류href 속성● 태그 : 하이퍼 링크를 정의 → href 속성 : 링크가 다음 페이지로 이동하는 URL을 지정 src 속성● 태그 : 이미지를 HTML 페이지에 삽입하기 위해 사용 → src속성 : 표시할 이미지에 대한 경로(URL) 지정 URL 지정하는 ..

HTML (HyperText Markup Language) = 웹 페이지를 만들기 위한 표준 마크업 언어 태그 : 웹 브라우저가 각 부분을 구별하여 인식하기 위해 붙이는 꼬리 HTML 기본 구조 : 문서 유형을 지정 (html로 사용하겠다라는 의미)  ~ : HTML 요소 : lang 속성으로 문자에서 사용할 언어를 지정  : Head 요소문서의 메타데이터(metadata)를 포함화면에 표시되지 않는다  ~ : Body 요소실제로 웹 브라우저 화면에 나타나는 내용 HTML 요소의 구조          my name is wwxs       열린태그           내용                닫힌태그 요소(블록 레벨 요소, 인라인 레벨 요소)블록 레벨 요소 (Block-level elemen..