본문 바로가기

2019/HTML & CSS21

HTML CSS div span 2019. 12. 4.
HTML CSS Font & text 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 32 33 34 35 36 37 38 39 40 - 볼드 Bold text - 중요성표현 볼드 Important text - 기울림 Italic text - 중요성표현 기울림 Emphasized text - 형광펜 Marked text - 글씨 작게 Small text - 글씨 지움 줄Deleted text - 밑줄 Inserted text - 주석(하) Subscript text - 주석(상) Superscript text - 인용 홈페이지화면 @ 폰트 font-family: ""우선순위"",""다음순위"",""그다음순위""; font-size: 20px.. 2019. 12. 4.
HTML CSS 하이퍼링크 하이퍼링크 걸기 보이는문구 네이버 카카오 구글 이미지에 하이퍼링크 걸기 보이는문구 리스트 태그 활용 하여 버튼처럼 만들기 네이버 카카오 구글 스타일 살펴보기 display: inline-block; padding: 20px 30px; //안쪽 여백 margin-right: 10px; //오른쪽 여백 text-decoration: none; //하이퍼링크 밑줄 없애기 background-color: darkcyan; //배경색 color: lightgoldenrodyellow; //글자색 2019. 11. 30.
HTML CSS 테이블 테이블은 안쪽에 테이블헤드thead 와 테이블바디tbody로 구성된다. 필요에 따라 caption 테이블 제목, tfoot 테이블 하단 설명을 추가할수있다. thead는 tr th tbody는 tr td 테이블 생성 이름나이 홍길동20 김하나15 최솔이25 테이블 스타일 변경 셀합치기 컬럼/로우 합치기 세로셀 합치기 = rowspan = "칸수" 가로셀 합치기 = colspan = "칸수" 이름나이 홍길동20 15 최솔이25 안녕 캡션 및 티풋 블로그 업로드용 테이블 출처 - solyi 배경 컬러 설정 배경 이미지 설정 table{ width: 720px; height: 960px; //이미지 사이즈 background-image: url(img/sunny3.jpg); //이미지 주소 background.. 2019. 11. 30.
HTML CSS 리스트 리스트 작성 방법 2가지 list1 list2 list3 list4 list1 list2 list3 list4 리스트 스타일 변경 2019. 11. 30.
HTML CSS 시멘틱 태그 시멘틱 태그 화면에 보여주는것은 없음 의미적으로 이렇게 작성할거야! 하고 알려주는것 header :기능에 대한 제목, 로고, 검색창 등 (일관성없음, 아티클 잡아줄수잇음) nav(igation) : 목록을 잡아주는 역할 section : 문서, 어플에 대한 영역 article : 신문 기사 같은 독립적 구성의 영역 aside : 본문 외에 기타 표시 내용 footer : 제작정보, 저작권 등.. 2019. 11. 30.
HTML CSS <기본태그> ~ /* h 제목 사이즈 */ title1 title2 title3 title4 title5 title6 단락과 줄바꿈 /* */ 단락 줄바꿈 페이스북 일부 직원은 회사의 정치광고에 대한 입장에 반대했고, 아마존 직원들은 제프 베이조스 최고경영자(CEO)에게 기후변화에 더 적극적으로 대처하라고 주문하는 파업을 했다. 2019. 11. 30.
HTML 에디터 설치 Brackets & 사용 프로그램 Brackets 2019. 11. 30.
반응형