반응형 코딩12 [컴퓨터언어] 웹 표준에 맞는 표 만드는 태그 (HTML공부하기!) - 8 , , 태그만을 사용해서 표를 만들면 표라고는 할 수는 있지만 '웹 표준에 맞는 표'라고 할 수는 없습니다. 웹 표준에 맞는 태그를 사용해서 표를 만든다는 것은 웹 브라우저와 같이 표를 시각적으로 보여주는 프로그램이 없더라도 표의 구조에 대해 어느 정도 이해할 수 있어야 한다는 의미입니다. 즉, 화면 낭독기와 같이 시각장애인을 위한 프로그램에 맞추어서 사용하려면 꼭 필요한 태그라고 할 수 있습니다. 구글은 세계적인 기업으로 이런 화면 낭독기와 같은 기능을 얼마나 잘 구현할 줄 아는 글이냐에 따라 점수를 다르게 줄 가능성이 높습니다. 이러한 점수는 구글 seo의 결과에 반영될 수 있습니다. 웹 표준에 맞는 표를 만드는 태그는 다음과 같습니다. [1] , 태그 1. 제목을 붙이는 태그 2. 차이점 : 중앙 .. 2021. 6. 21. [컴퓨터언어] 태그로 표 만들기 (HTML 공부하기!) - 7 태그를 이용해서 표를 만들 수 있다는 사실을 알고 계셨나요? 뭐 항상 하는 말이지만, 대부분의 에디터에는 표를 만드는 기능이 들어가 있어서 우리가 직접 태그를 이용해서 표를 작성하는 경우는 많이 없습니다. 또한 표의 테두리를 만들려면 CSS까지 알아야 하기 때문에 여간 복잡한 게 아닙니다. 그렇기에 오늘은 표 중에서도 기본표를 만드는 태그에 대해 알아보겠습니다. 표에 대해서는 다룰 수 있는 사항은 많지만 천리길도 한 걸음씩 간다는 생각으로 굉장히 쉬운 부분부터 시작하겠습니다. 이번 포스팅뿐만 아니라 몇 번의 포스팅을 더 써서 표에 대해 더 어려운 내용까지 알려드리도록 하겠습니다. 목차 1. 표에 대해 알아야 하는 사실 2. 기본표 만들기 3. 조금만 더 확장하기 ◆ 표에 대해 알아야 하는 사실 빨강빨강빨.. 2021. 6. 20. [컴퓨터언어] 목록을 표시하는 태그 (HTML 공부하기!) - 6 글을 쓰다보면 자세한 설명을 위해 목록을 사용해야 하는 경우가 많습니다. 이때 목록을 표시하는 태그를 사용하여 목록을 만들 수 있습니다. HTML에는 목록을 만드는 태그가 존재하기 때문입니다. 이미지나 텍스트 등 어던 것이든 목록화가 가능하기 때문에 굉장히 광범위하게 사용할 수 있는 태그이며, 실제로 웹을 만들때 많이 사용하는 태그입니다. 목록 1. 내용 맛보기 2. 목록을 표시하는 태그 3. 목록을 표시하는 태그에 대해 조금 더 알아보기 ◆ 내용 맛보기 # 목록을 표시하는 태그 태그 & 태그 : 순서가 없는 목록을 만들 때 사용 태그 & 태그 : 순서가 있는 목록을 만들 때 사용, 속성(type,start,reversed)과 함께 사용 태그 & 태그 & 태그 : 설명목록을 만들 때 사용 # 더 알아보기.. 2021. 6. 18. [컴퓨터언어] 텍스트의 일부를 처리하는 태그 16가지 배우기 (HTML공부하기!) - 5 HTML을 배우시고 싶으신가요? 그렇다면, 태그에 대한 공부는 필수입니다. 그중에서도 텍스트 일부를 처리하는 태그 16가지에 대해서 알아가시는 게 어떨까요? 이 글을 통해 텍스트의 일부를 처리하는 태그에 대해서 정확히 알 수 있으실거라 생각합니다. 꽤 많은 태그들이지만 하나하나 천천히 학습하시면 좋겠습니다. [목차] 1. 주요내용 2. 텍스트의 일부를 처리하는 태그란? 3. 텍스트의 일부를 처리하는 태그 16가지 4. 마무리 ◆ 주요 내용 순서 태그 설명 1 글자를 굵게 표시한다. 2 3 글자를 기울여 표시한다. 4 5 인용문구를 넣는다. 6 형관펜 표시를 한다.(배경색을 넣는다.) 7 줄바꿈 없이 영역을 묶는다. 8 취소선을 긋는다. 9 밑줄을 긋는다. 10 아래 첨자를 표시한다. 11 위첨자를 표시한.. 2021. 6. 17. 이전 1 2 3 다음 반응형