HTML (11) 썸네일형 리스트형 html 11. 주석 HTML 주석 태그다음 구문을 사용하여 HTML 소스에 주석을 추가할 수 있다.시작 태그에는 느낌표(!)가 있지만 종료 태그에는 없다는 점에 유의하기.참고: 주석은 브라우저에 표시되지 않지만 HTML 소스 코드를 문서화하는 데 도움이 될 수 있다.댓글 추가주석을 사용하면 HTML 코드에 알림 및 미리 알림을 넣을 수 있다 .This is a paragraph.콘텐츠 숨기기댓글을 사용하면 콘텐츠를 숨길 수 있다 .콘텐츠를 일시적으로 숨길 때 유용할 수 있다 .This is a paragraph.This is another paragraph -->This is a paragraph too.두 줄 이상을 숨길 수도 있다 . 와 사이에 있는 모든 내용이 --> 에 표시되지 않는다.HTML 코드의 일부를 숨겨.. html 10. 인용문 이 장에서는 , , , , . 및 HTML 요소 에 대해 다룬다 다음은 WWF 웹사이트에서 발췌한 내용입니다 :세계자연보호기금(WWF)은 60년 동안 사람과 자연이 함께 번영할 수 있도록 노력해 왔습니다. 세계 최고의 환경보호 단체인 WWF는 거의 100개국에서 활동하고 있습니다. 모든 대륙에서 우리는 전 세계 사람들과 협력하여 지역 사회, 야생 동물, 그리고 그들이 살아가는 터전을 보호하는 혁신적인 해결책을 개발하고 실행합니다.다음은 WWF 웹사이트에서 발췌한 내용입니다 세계자연보호기금(WWF)은 60년 동안 사람과 자연이 함께 번영할 수 있도록 노력해 왔습니다. 세계 최고의 환경보호 단체인 WWF는 거의 100개국에서 활동하고 있습니다. 모든 대륙에서 우리는 전 세계 사람들과 협력하여 지역 사회.. html 9. 서식 더보기브라우저에서 strong 태그는 b, em 태그는 i 로 표시된다는데 이거 이해 못함. b i 는 굵게, 기울임꼴을 나타내는 반면,strong em 은 강조 그 자체라는데처음에는 이해를 못했다.CLAUDE 답변핵심은 시각적 표현 vs 의미(semantic) 차이야.b / i → "그냥 이렇게 보여줘" (스타일 지시)strong / em → "이 내용이 중요해 / 강조야" (의미 부여)브라우저가 렌더링할 때 결과물은 똑같아 보여. 둘 다 굵게, 기울임으로 나옴.근데 코드 입장에서 의미가 다른 거야.오늘 마감 오늘 마감 왜 구분하냐?스크린 리더 (시각장애인 보조기기) — 만나면 "중요한 내용입니다" 톤으로 읽어줌. 는 그냥 읽고 지나감.SEO — 검색엔진이 안의 텍스트를 "중요 키워드.. html 8. 스타일 HTML style속성은 색상, 글꼴, 크기 등과 같은 스타일을 요소에 추가하는 데 사용된다.나는 빨간색입니다나는 파란색이에요나는 크다HTML 스타일 속성HTML 요소의 스타일을 설정하는 것은 style속성을 사용하여 수행할 수 있다.HTML style속성의 구문은 다음과 같다.해당 속성 은 CSS 속성이다. 해당 값 은 CSS 값이다.배경색CSS background-color속성은 HTML 요소의 배경색을 정의한다. 페이지 배경색을 연한 하늘색으로 설정해보기This is a headingThis is a paragraph. 서로 다른 두 요소의 배경색을 설정한다. This is a headingThis is a paragraph.텍스트 색상CSS color속성은 HTML 요소의 텍스트 색상을 정의한다.. html 7. 단락, 줄바꿈 차이 <p></p> or <br> 1. 아무리 코드에 공백이나 줄바꿈 enter 눌러봤자 홈페이지 상에서는 그렇게 안보임. 글씨를이런식으로내려써도 태그가 적용되지 않는 이상 그렇게 안보임ㅇㅇ 2. 는 아예 단락을 바꿈, 은 줄바꿈.화면상 아 안녕하세요 이렇게 쓰고 싶다면, 아 안녕하세요 아안녕하세요 이렇게 쓰고 싶다면, 아 안녕하세요 단락은 항상 새 줄에서 시작하며, 일반적으로 하나의 텍스트 덩어리.HTML 단락HTML 요소는 단락을 정의함.단락은 항상 새 줄에서 시작하며, 브라우저는 단락 앞뒤에 자동으로 공백(여백)을 추가함.This is a paragraph.This is another paragraph. HTML 표시HTML이 어떻게 표시될지는 확신할 수 없다.화면 크기나 창 크기에 따라 결과가 달라진다.HTM.. html 6. 제목 HTML 헤더는 웹페이지에 표시하려는 제목이나 부제목임Heading 1Heading 2Heading 3Heading 4Heading 5Heading 6 HTML 제목 HTML 제목은 ` ` 태그로 정의 . 가장 중요한 제목을 정의 가장 중요도가 낮은 제목Heading 1Heading 2Heading 3Heading 4Heading 5Heading 6참고: 브라우저는 제목 앞뒤에 자동으로 공백(여백)을 추가. 제목은 정말 중요하다검색 엔진은 제목을 사용하여 웹 페이지의 구조와 콘텐츠를 색인화함. 사용자는 종종 제목을 보고 페이지를 훑어보기 때문에 제목을 사용하여 문서의 구조를 보여주는 것이 중요하다.제목은 주요 제목에 사용하고, 그 뒤에 일반 제목, 중요도가 낮은 제목 순 으로 사용해야 함.예를 들어:- .. html 5. 속성 HTML 속성은 HTML 요소에 대한 추가 정보를 제공해주는 역할.HTML 속성모든 HTML 요소는 속성을 가질 수 있음.속성은 요소에 대한 추가 정보를 제공함.속성은 항상 시작 태그 에 지정됨.속성은 일반적으로 이름="값" 과 같은 이름/값 쌍으로 표현됨.href 속성이 태그는 하이퍼링크를 정의함. href속성은 링크가 연결되는 페이지의 URL을 지정함Visit W3Schoolssrc 속성`` 태그는 HTML 페이지에 이미지를 삽입하는 데 사용됨. `` src속성은 표시할 이미지의 경로를 지정함속성에 URL을 지정하는 방법에는 두 가지가 있다. src .1. 절대 URL - 다른 웹사이트에 호스팅된 외부 이미지에 대한 링크임 예: src="https://www.w3schools.com/images/im.. html 4. 요소 HTML 요소는 시작 태그, 내용, 그리고 종료 태그로 정의됨. 여기에 내용 을 입력 HTML 요소의 예: 첫 번째 제목 첫 번째 단락 입니다 . Start tag Element content End tag My First HeadingMy first paragraph.nonenone참고: 일부 HTML 요소는 내용이 없다(예: 요소). 이러한 요소를 빈 요소라고 함. 빈 요소에는 종료 태그가 없다!중첩된 HTML 요소HTML 요소는 중첩될 수 있다(즉, 요소가 다른 요소를 포함할 수 있다).모든 HTML 문서는 중첩된 HTML 요소로 구성된다.다음 예제에는 네 개의 HTML 요소( , , 및 )가 포함되어 있다.My First HeadingMy first paragraph.예시 설명해.. 이전 1 2 다음
