반응형 programming/web66 html table 행과 열 사용하기 using html table rows and columns table 태그는 html 웹페이지에서 데이터를 표 형식으로 표현하기에 적합한 태그이다. 테이블은 행과 열로 이루어지고 데이터는 셀에 표시한다. tr 태그는 행을 의미하고 th 태그와, td 태그는 열을 의미하는데, th 와 td 각각은 표형식인 테이블에서 엑셀의 셀과 같은 의미를 가진다. html table 행과 열 사용하기 using html table rows and columns 웹페이지를 만들 때 컨텐츠 정보를 일목요연하게 나열하기 위한 방법 중 하나가 테이블이다. 테이블은 행과 열로 이루어진 표형식이며 엑셀의 시트와 같은 모양을 가지고 있다. html의 테이블을 사용하기 위해 table 태그를 사용하고 행을 추가할 때는 tr 태그를 열을 추가할 때는 td 태그를 사용한다. td 태그는 각각 엑.. 2022. 6. 19. html 파비콘 link 태그 사용하기 using html link tag for favicon 파비콘은 웹사이트의 성격을 아이콘으로 보여주는 것이다. 웹브라우저의 탭에 붙어 보여질 수도 있고, URL 앞에 붙어 보일 수도 있다. 대기업에서는 파비콘을 적극적으로 사용하기도 하며, SEO는 파비콘을 권장하고 있기도 하다. 물론 웹브라우저마다 파비콘의 사용유무에 대해 경고를 띄우긴 하지만 필수는 아니다. html 파비콘 link 태그 사용하기 using html link tag for favicon 파비콘은 단어자체만으로는 생소하지만 웹브라우저의 URL 앞에 붙는 마크와도 같은 것이다. 웹사이트의 특징을 아이콘으로 만든 하나의 썸네일 또는 회사의 마크와 같은 것으로 생각하면 된다. 삼성의 마크나 마이크로소프트의 마크, 또는 자동차의 엠블렘과 비슷한 성격의 것으로 웹브라우저 URL의 앞에 붙어 사용자들에.. 2022. 6. 16. html 이미지 picture 태그 사용 해상도별 여러 이미지 표시하기 using html picture tag html 웹페이지에서 picture 태그는 해상도에 따라 다른 이미지를 표시할 수 있다. css 스타일을 이용할 수도 있지만 picutre 태그의 source 태그에 media 속성을 추가하여 이미지를 분리할 수 있다. source 태그의 media 속성은 css 스타일의 media 태그와 사용법은 같다. html 이미지 picture 태그 사용 해상도별 여러 이미지 표시하기 using html picture tag 반응형 웹사이트가 나온지는 꽤 오래되었고, 지금도 많이 사용되는 기술이며 보편적이기도 하다. 해상도에 따라 이미지를 화면에 다르게 표시하도록 하거나 혹은 다른 이미지를 화면에 표시하도록 할 때 picutre 태그를 이용할 수 있다. picture 태그는 soure 태그와 함께 사용하여 이미지.. 2022. 6. 13. html 태그 배경 이미지 반복 속성하기 using html tag background image repeat attribute background-image 속성은 html 태그에 배경 이미지를 지정한다. 태그의 크기보다 이미지 크기가 작다면 자동으로 반복되는데 반복 속성은 background-repeat 속성을 이용하면 된다. 만약, 반복을 중단하고 싶다면 background-repeat 속성에 no-repeat 값을 주고 이미지가 반복적으로 보여주는 것을 중단할 수 있다. html 태그 배경 이미지 반복 속성 사용하기 using html tag background image repeat attribute 웹페이지의 배경으로 이미지를 설정하는 방법으로 css 스타일을 이용할 수 있다. css 스타일의 background-image 속성을 이용하면 특정 태그에 배경 이미지를 넣을 수 있다. 기본값은 repeat 이기 때문에 이미.. 2022. 6. 9. 이전 1 2 3 4 5 ··· 17 다음 반응형
