100S00

1. 내부 스타일 시트 웹 문서 안에서 사용할 스타일을 문서 안에 정리한 것을 '내부 스타일 시트'라고 합니다. 모든 스타일 정보는 태그 안에서 정의해야 하고 태그 사이에 작성합니다. Korea Japan China 2. 외부 스타일 시트 웹 사이트를 만들 때 하나의 웹 문서로 끝나는 경우는 거의 없습니다.사이트를 제작할 때 여러 웹 문서에서 사용할 스타일을 별도 파일로 저장해 놓고 필요할 때마다 파일에서 가져와 사용하는 것이 일반적입니다. 이렇게 따로 저장해 놓은 스타일 정보를 '외부 스타일 시트'라고 하고 '.css' 라는 파일 확장자를 사용합니다. 외부 스타일 시트를 연결할 때는 )를 사용하지 않고 스타일을 적용할 대상에 직접 표시합니다. 이런 방법을 '인라인 스타일'이라고 합니다. 스타일을 적용하..

자료형이란? 사람은 10이나-15를 보면 숫자라는 것을 알 수있고, 안녕하세요? 를 보면 문자열이라는 것을 금방 알 수 있습니다. 하지만 컴퓨터에게 일을 시킬 때는 이것은 숫자이니 더하거나 뻬야하고, 저것은 문자열이니 더하거나 뺄 수 없다는 것을 따로 알려주어야 합니다. 이렇게 숫자나 문자열처럼 프로그램에서 처리할 자료의 유형을 지정해야 하는데, 이러한 자료의 형태를 '자료형'이라고 합니다. 자바스크립트의 자료형은 크게 '원시형 유형'과 '객체' 로 나뉘어집니다. 원시 유형은 하나의 값만 저장하는 자료형으로, 숫자와 문자열, 논리형, undefined,null, symbol 유형이 있습니다. 그리고 원시 유형 외에는 모두 객체 입니다. 숫자형 숫자형은 모든 프로그램에서 가장 기본이 되는 자료형 입니다. ..

텍스트 관련요소 01. 텍스트 관련 요소 em태그는 강조하고 싶은 텍스트를 기울기로 표시한다 strong태그는 중요한 텍스트를 굵은체로 표시함 mark태그는 중요한 부분을 노란색으로 강조한다 b태그는 텍스트를 단순히 굵은체로 표시한다 small태그는 주의사항, 법적 제한, 저작권 등을 정의한다 sub태그는 아래첨자 텍스트를 정의한다 sup태그는 위첨자 텍스트를 정의한다 02. 목록 관련 요소 ol,li 태그 - 순서 목록 html css javascript jquery ul,li 태그 - 비순서 목록 html css javascript jquery dl,dt,dd 태그 - 설명 목록 html Hypertext Markup Language version html4.0. xhtml1.0, html5 css ..

시멘틱 마크업 & 논리적인 순서 마크업 시멘틱 마크업 시멘틱 마크업(Semantic)의 사전적 뜻은 "의미론적인" 정도로 해석할 수 있다. 이것은 마크업을 할 때 의미를 부여하는 태그로 보면 된다. 실제로 마크업을 할 때는 작업자마다 콘텐츠의 의미를 해석하는 차이가 조금 있을 수도 있지만 가급적 시멘틱하게 마크업을 하려고 노력하는 것도 중요하다. 시멘틱 마크업은 종종 POSH(Plain Old Semantic HTML)라고도 불리는데, 단어 그대로 평범하고 오래된 의미론적인 HTML이라는 뜻이다. 시멘틱은 즉, 기계(컴퓨터, 브라우저)가 잘 이해할 수 있도록 하는 것을 뜻한다. 애초에 프로그래밍 언어는 사람과 기계와의 정해진 약속이며 HTML 역시 마찬가지이다. 시멘틱 마크업은 적절한 HTML 요소를 올..

inline / block가 무엇일까? HTML에서 inline 구조는 주로 텍스트나 이미지 같은 작은 요소들을 나타내기 위해 사용됩니다. 예를 들어, 태그는 inline으로 적용되며, 특정 영역에 스타일을 적용하기 위해 사용될 수 있습니다. 태그도 inline으로 적용되며, 이미지를 문서 내에 삽입하는 데 사용됩니다. 다른 일반적인 inline 요소로는 , , , , , , 등이 있습니다. 이러한 요소는 텍스트 내에서 자연스럽게 흐르며, 다른 inline 요소와 함께 사용될 수 있습니다. 반면에, block 구조는 주로 문단이나 섹션 같은 큰 요소들을 나타내기 위해 사용됩니다. 예를 들어, 태그는 block으로 적용되며, 다른 요소들을 묶어서 스타일을 적용하기 위해 사용될 수 있습니다. 태그도 bloc..