반응형 SMALL Programming29 [HTML] HTML 마크업 요소 (링크&iframe) 링크 요소 (Anchor) - Tag는 Anchor의 약자로 텍스트/이미지 콘텐츠에 링크를 설정하거나 다른 페이지로 연결한다. * 하이퍼링크 - 지정한 페이지(다른 html 파일)나 웹 사이트(http://www.~~)나 지정한 위치로 이동할 때 사용한다. - Tag를 서로 중첩해서 사용할 수 없다. ● 소스코드 Hoongrammer로 이동 속성 설명 href 이동할 페이지 또는 링크할URL을 연결합니다. href = "이동할 페이지 또는 링크할URL" target 새 윈도우 창을 여는 방식을 설정합니다. target = "_blank | _top | _self | _parent" ● target 속성 상세 설명 속성 값 설명 _blank - 링크 내용이 새창이나 새탭에서 열린다. _self - targ.. 2022. 3. 14. [HTML] HTML 마크업 요소 (이미지) 이미지 요소 ● img - tag를 사용하여 웹 문서에 이미지를 표현할 때 사용한다. ● 소스코드 속성 설명 src 이미지 파일명 또는 웹 상의 이미지 경로 Width 이미지의 너비 Height 이미지의 높이 alt 이미지가 없을 때 출력하는 메시지 * 청각장애인들을 위한 메시지로도 활용가능하다. ● figure - 는 설명 글을 붙여야 할 대상을 지정한다. - : 설명 글이 필요한 대상은 태그로 묶고 설명 글은 태그로 묶는다. - 설명 글을 붙일 수 있는 대상을 이미지/오디오/비디오 같은 미디어파일이나 텍스트 단락이나 표이다. ● 소스코드 안녕, 내이름은 솜이! ● 결과 (정상) ● 결과 (비정상) : img대신 alt 메시지 출력 HTML List HTML List HTML 기본 문법!!! ● 기회는.. 2022. 3. 14. [HTML] HTML 마크업 요소 (Table) Table 요소 ● HTML Table 모델 Tag 설명 - 2차원 격자 모양의 표를 표시한다. (테이블을 만든다.) - Table Row, 표에서 행(Row) 구분한다. - Table Header, 표 내부의 제목으로 사용한다. (생략 가능) - Table Data, 표에서 열(Column) 구분한다. - 표의 상단 /하단에 제목을 적을 때 사용한다. (생략 가능) - 기본적으로 가운데 정렬이지만, CSS로 정렬 방식 변경이 가능하다. -행 그룹 설정할 때 제목 그룹을 설정한다. (선언 위치와 무관하게 데이터 상단 고정) - 행 그룹 설정할 때 내용 그룹을 설정한다. (여러 번 사용 가능) - 행 그룹 설정할 때 꼬리 그룹을 설정한다. (선언 위치와 무관하게 데이터 하단 고정) ● 셀 합치기 속성 설명.. 2022. 3. 14. [HTML] HTML 마크업 요소 (포맷팅&목록형) 포맷팅 요소 ● 포맷팅 요소에는 화면에는 동일하게 출력되지만 각 요소가 가진 의미가 다른 것도 있다. ex) , Tag 명 설명 생략된 약어 표시하거나, Title 속성을 함께 사용한다. 연락처 정보 표시한다. 긴 인용문구 표시, 좌우로 들여 쓰기가 된다. 짧은 이용 문구 표시, 좌우로 따옴표가 붙는다. 웹 문서나 포스트에서 참고 내용을 표시한다. 공백, 줄 바꿈 등 입력된 그대로 화면에 표시한다. 컴퓨터 인식을 위한 소스 코드이다. 특정 문자열을 강조한다. 화면에는 하이라이팅 된다. 구분선을 추가한다. , 굵은 글씨로 표시한다. * : 특정 문자열 강조 의미 추가 삭제된 텍스트를 정의한다. , 이탤릭(기울게) 표시 * : 특정 문자열 강조 의미 추가 삽입된 텍스트를 정의한다. , 큰 글자, 작은 글자 .. 2022. 3. 14. 이전 1 2 3 4 5 6 7 8 다음 반응형 LIST
