본문 바로가기

전체 글141

[HTML5] <table> <td> <tr> <thead> <tfoot> 태그 오늘 알아볼 태그는 table 태그이다. table태그로 우리가 접하는 파이썬 dataframe이나, 엑셀의 csv 모양처럼 행과 열을 만들 수 있다. 이라는 태그로 테이블의 테두리나 너비, 높이 등을 조절할 수 있고, 태그로 행을, 태그로 열을 만들어 줄 수 있다. 1 - 1 2 - 1 1 - 2 2 - 2 위 코드를 보고 감을 잡으면, 1행당 2열이 있고, 총 2행이 있음을 알 수 있다. 셀 합치기처럼 열과 행을 합칠 수도 있는데, 이는 행을 합칠 때는 rowspan, 열을 합칠 때는 colspan을 사용한다. 첫 번째 칸 두 번째 칸 두 번째 칸 세 번째 칸 첫 번째 칸 두 번째 칸 이렇게 하면 무슨 모양이 나올까? 정말 기괴한 모양이 나온다. rowspan = "2"는 두 행을 묶는다. colsp.. 2020. 6. 22.
[HTML5] <audio> <video> <iframe> < embed> 태그 오늘 알아볼 태그는 소리나 동영상을 웹에 표현하는 태그이다. 예전에는 보통 태그를 통해 영상이나, 소리를 보여줬다. HTML5 에서는 태그, 2020. 6. 21.
[HTML5] <ol> <ul>, <li>, <header>, <section>, <footer> 태그 태그는 ordered list로서, 순서가 있는 목록을 의미한다. 1. Java 2. Python 3. C 이런 식으로 나타나게 된다. 태그는 unordered list로서, 순서가 없는 목록이다. Java Python C 이런 느낌이다. 는 list item으로, 과 태그의 하위속성으로서 한 아이템을 만들어준다. 다양한 언어들 Java Python C Java Python C Java 안녕하세요. Java 입니다. Python 안녕하세요. Python 입니다. 이렇게 나타난다. 티스토리를 하면서 느끼는건데 왜 들여쓰기가 자기 멋대로 계속 바뀌는건지...;; 무튼 이렇게 ul은 순서가 없이 나타나며, ol은 순서가 지정된다. 그 하위로서 list item인 li 태그로 하나씩 만들어줄 수 있다. 또, 글.. 2020. 6. 21.
[HTML5] <h> < img> <select> 태그 이번에 알아볼 태그는 태그이다. h태그는 일정하게 정해진 글씨의 크기와 굵기를 사용할 수 있는 태그이다. 안녕하세요 안녕하세요 안녕하세요 안녕하세요 안녕하세요 안녕하세요 안녕하세요 결과는 이렇게 나온다. 별 다를 건 없고, h1부터 쭉 숫자가 내려갈수록 작아지는 특징이 있다. 일반적인 폰트에 bold 속성을 주면, 와 비슷하다. *번외로, 저번에 공백문자를 로 사용했는데, 그 외로, 웹상에서 표시할 수 있는 것들은 여러 가지가 있다. < 는 '' 를 나타낼 수 있고, & 는 '&'를 나타낸다. 태그는 이미지를 넣는 태그이다. 둠췻 태그 사이에 이렇게 태그를 넣으면, 신기하게도 그림에 링크가 걸린다. src는 소스의 경로를 넣는데, 저번에 말했듯이 절대경로나 상대경로로 넣어주면 된다. alt속성은 그림이 .. 2020. 6. 21.

티스토리툴바