본문 바로가기

HTML13

HTML 멀티미디어 기능 정리 이미지 파일 주소는 src 속성으로 지정합니다. 크기는 width와 height 속성으로 단위 없이 지정합니다(물론 CSS로도 크기를 조절할 수 있습니다). 이미지에 대한 설명은 alt라는 속성을 사용합니다. 비디오 파일 주소는 src 속성으로 지정합니다. 크기는 width와 height 속성으로 단위 없이 지정합니다(물론 CSS로도 크기를 조절할 수 있습니다). 그 외에 자동 재생을 하는 autoplay 속성, 음소거를 하는 muted, 조작하는 버튼들을 보여 주는 controls 속성이 있습니다. 특히 자동 재생은 불쾌감을 줄 수 있기 때문에 일부 브라우저에서는 반드시 muted와 함께 써야 동작한다는 점도 팁으로 알아 둡시다. 오디오 파일 주소는 src 속성으로 지정합니다. 자동 재생을 하는 aut.. 2023. 10. 19.
HTML 테이블 문법 정리 테이블 정보를 표로 나타낼 때는 태그를 사용합니다. 테이블의 행은 (Table Row)태그로 감쌉니다. 각 데이터들은 (Table Data) 태그로 넣습니다. Premium Standard Basic ₩15,900 ₩10,900 ₩8,900 화질 최대 FHD HD 다운로드 무제한 월 30회 불가 머리글 표에서 머리글은 태그로 감싸면 됩니다. 행은 태그로 감싸 주면 됩니다. 각 행 안에 있는 것들은 제목이기 때문에 가 아니라 라는 태그를 넣습니다. 본문에 해당하는 행들은 라는 태그로 감쌉니다. Premium Standard Basic ₩15,900 ₩10,900 ₩8,900 ... ... 바닥글 표에서 바닥글은 태그로 감싸면 됩니다. 와 마찬가지로 행은 로 감쌉니다. 제목으로 쓰는 칸은 태그를 넣습니다. .. 2023. 10. 19.
HTML 순서(목록) 리스트 정리 방법 순서 리스트(Ordered List) 항목들 사이에 순서가 있는 목록을 작성할 때 이라는 태그를 감싸고, 그 안에 항목은 태그를 씁니다. 상영작 순위 라라랜드 명량 극한직업 신과함께: 죄와 벌 국제시장 어벤져스: 엔드게임 순서 없는 리스트(Unordered List) 항목들 사이에 순서가 없는 목록을 작성할 때 이라는 태그를 감싸고, 그 안에 항목은 태그를 씁니다. 카테고리 한국 영화 외국 영화 드라마 예능 영화 프로야구 리스트 스타일링 순서 리스트에서는 type 속성으로 기호를 바꿀 수 있습니다. 라라랜드 명량 극한직업 신과함께: 죄와 벌 국제시장 어벤져스: 엔드게임 type 값실제 기호 a a, b, c, d, e, … i i, ii, iii, iv, v, … I I, II, III, IV, V, ….. 2023. 10. 19.
HTML에서 쓰는 다양한 태그들 텍스트 문서를 작성하는데 필요한 태그를 살펴보겠습니다. 마크업의 의미를 이해하자 어떤 태그가 있는지 아는 것도 중요하지만, 마크업의 의미를 잘 이해하고 넘어가는 게 더 중요합니다. 예를 들어서 제목 태그인 은 웹 브라우저에서 큰 글자로 두껍게 보입니다. 하지만 이런 겉모습이 제목 태그의 본질은 아닌데요. 태그의 본질은 현재 페이지에서 가장 큰 제목이라는 의미입니다. 제목 태그 ~ 문서의 제목을 나타내는 태그입니다. 조금 과장해서 예를 들어보자면 아래처럼 한국 영화에 대한 문서를 만들 수 있는데요. 한국 영화 한국 영화의 역사 1950년대: 침체기 1960년대: 황금기 1970년대: 쇠퇴기 1980년대: 암흑기 1990년대: 전환점 2000년대: 르네상스 2010년대: 최전성기 2020년대: 대격변 유명한.. 2023. 10. 19.

티스토리툴바