본문 바로가기
반응형

전체 글53

HTML Colors | 색상 HTML 색상은 미리 정의된 색상 이름을 사용 하거나, RGB, HEX, HSL, RGBA, HSLA와 같은 value 값을 사용한다. HTML은 140가지의 스탠다드 컬러를 제공한다. Background 컬러 설정 style 값 사용. style="background-color : Color name;"텍스트 컬러도 변경 가능하다. style="color : Color name;" Border color 테두리 색상도 지정 가능하다.style="border : 2px solid Color-name;" ​RGB Color value는 Red, Green, Blue를 의미하는데, 0에서 255까지 표현된다.이 의미는 Red 에서 256가지, Green에서 256가지, Blue 에서 256 가지. 총 256.. 2022. 8. 7.
HTML Comments | 주석 표시 HTML 코멘트(주석)는 브라우저에 표시되지는 않지만, 소스 코드는 문서화 하는데 도움 될 수 있다. 주의할 점은, 느낌표는 (!) 시작태그로만 사용되고, end tag로는 사용되지 않는다. 파이썬에서 # 처리하고 주석 표시하는것과 비슷. 의 형태. --> HTML을 디버깅 할때도 유용하다. 오류를 찾을 때, 하나씩 주석처리 해놓고 실행 시켜볼 수 있으므로.중간 부분만 주석처리 하는것도 가능하다. 2022. 8. 6.
HTML Quotation | 서식태그 | 인용태그 태그는 원하는 문구를 인용문으로 정의하기 위해 사용 한다. 인용문으로 지정이 되면, 브라우저는 일반적으로 들여쓰기로 표현이 된다. 속성으로는 'cite'를 가지고 있으며, 인용문의 URL 소스를 지정할 수 있다.   태그는 쌍 따옴표로 감싸주는 태그이다. 태그는 "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM" 과 같은 약어 또는 두문자어를 정의한다. 태그는 브라우저와 번역 시스템 및 검색엔진에 유용한 정보를 제공한다.title 속성을 이용하여, 해당 태그 문구 위에 마우스를 올려 놓을 때 대체 텍스트가 나타나게 할 수도 있다. ​ 태그는 문서 또는 기사의 작성자/소유자에 대한 연락처 정보를 나타내는 태그이다. 연락처 정보는 이메일 주소, URL, 실제 주소, 폰번호, SNS.. 2022. 8. 5.
HTML Text Formatting | 텍스트 서식 텍스트 서식을 나타내는 태그​ - Bold text (굵게)   - Important text (굵게)  - Italic text (기울임꼴- 분위기)   - Emphasized text (기울임꼴 - 강조)  - Marked text (노란색 하이라이트)   - Smaller text (글씨 작게)   - Deleted text (텍스트 취소선)   - Inserted text (텍스트 밑줄)   - Subscript text (아래첨자) - Superscript text (위첨자) 2022. 8. 5.
HTML Styles 사용해서 꾸미기 Style 속성은 다음과 같은 형식을 띈다. tagname style="property:value;">​여기서 property는 CSS의 value 특성을 의미한다.CSS background-color 특성은 HTML 배경화면의 색을 지정하는 태그이다. Body 뿐만 아니라, 이런식으로 Heading(제목)이나 Paragraph(단락)에서 글자 배경 색을 지정해줄 수도 있다. CSS의 color 특성을 이용해 텍스트 컬러도 지정해 줄 수 있다. CSS의 font-family 특성을 이용해 글꼴도 지정 할 수 있다.  CSS의 font-size 특성을 이용해 텍스트 사이즈도 지정 할 수 있다.  CSS의 text-align 특성을 이용해, 정렬 위치를 지정할 수 있다. 2022. 8. 4.
HTML Paragraphs 단락 - 단락 단락은 항상 새 줄(new line)에서 시작한다. 웹브라우저는 자동적으로 단락의 앞뒤로 빈 줄을 삽입한다. 와 사이에 있는 텍스트는 줄바꿈을 하든. 띄어쓰기를 하든. 웹브라우저는 이를 무시하고 출력한다. 브라우저는 페이지가 표시될 때, 추가 공백과 줄을 자동으로 제거한다. 고로, HTML이 어떻게 표시될지 확신할 수 없다.....  태그는 주제별로 구분을 정의하며, HTML 페이지에서 콘텐츠를 분리(또는 변경) 하는데 사용 된다. 태그는 단독으로 쓰이는 empty 태그다.  Line을 바꿀 때는 태그를 사용한다. (줄바꿈)마찬가지로, 단독으로 쓰이는 empty 태그다. ex) p>This isbr>a paragraphbr>with line breaks./p>  태그는 미리 형식이 지정된.. 2022. 8. 3.
반응형