티스토리 뷰
- 웹사이트 제작 시 고려해야 할 사항
- 웹 표준: 웹 사이트를 작성할 때 따라야 하는 공식 표준이나 기술 규격
- 웹 접근성: 장애의 여부와 상관 없이 모두가 웹사이트를 이용할 수 있게 하는 방식
- 크로스 브라우징: 모든 브라우저 또는 기기에서 사이트가 제대로 작동하도록 하는 기법
- HTML 태그 구성 요소
- 속성: HTML 태그가 갖고 있는 추가 정보
- 속성값: 어떤 역할을 수행할지 구체적인 명령을 진행하는 것
- ex) <열린태그 속성 = "속성값"> 컨텐츠 </닫힌태그>
- HTML 문서의 기본 구조
- <!DOCTYPE html>: HTML5라는 신조어로 문서를 선언하는 태그
- <html>…</html>: HTML 문서의 시작과 끝을 의미, 모든 HTML 태그들은 <html> 태그 안쪽에 입력
- <head>…</head>: 웹사이트의 간단한 요약 정보를 담는 영역, 웹사이트에서 노출되지 않는 정보
- <body>…</body>: 웹사이트에서 눈에 보이는 정보를 담는 영역, 이미지나 텍스트처럼 출력되는 정보
- <meta charset="UTF-8">: character setting의 약자를 나타내는 문자 코드, 모든 문자를 웹 브라우저에서 깨짐없이 표시하겠다는 의미
- <title>…</title>: 웹사이트 탭에 나타나는 제목을 적는 태그
- <img> 태그
- <img>태그: 정보성을 갖고 있는 이미지를 삽입. 닫힌 태그 없음.
- src 속성: 삽입할 이미지 파일 경로
- alt 속성: 웹사이트가 이미지를 출력하지 못했을 경우, 텍스트 정보로 대체.
- <h> 태그
- Heading의 약자로 제목이나 부제목을 표현
- 숫자 값이 클수록 폰트 사이즈가 작음. 즉, 숫자는 정보의 중요도를 나타냄.
- <h1>태그는 가장 중요한 정보를 담으므로, 하나의 html 문서에서 한 번만 사용됨
- <p> 태그
- Paragraph의 약자로 본문 내용을 표현
- 웹사이트의 중요 정보를 담는 태그
- 나타내고자 하는 내용을 열린 태그와 닫힌 태그 사이에 입력
- <ul> 태그
- Unordered list의 약자로, 순서가 없는 리스트 생성.
- 메뉴 버튼을 만들 때 사용되는 태그
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 프로그래밍
- 보안
- 금리
- 데이터
- 코테
- 자바
- 그래프
- 경제
- 개발
- 영어
- 머신러닝
- 영어회화
- 코드
- sql
- 코딩
- 모듈
- 코딩테스트
- mysql
- 파이썬
- plot
- 프로그래머스
- 경제신문
- 스마트워치
- 함수
- python
- SW
- Programming
- R
- 클래스
- 데이터분석
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 | 31 |
글 보관함