본문 바로가기

웹개발관련/html,css 관련 내용

(5)
CSS 기본적인 예시 종합 샘플 사진의 예시 html,css,이미지 파일 압축해둠 css공부 의욕도 안생기고 너무 방대해서 기본적인것만 예시로 에서 찾고 나머지는 검색해서 해결하기로 결정 (솔직히 옛날에 텍스트와 이미지로 정리한 내용이 있지만 이번에 다시 배우면서 거의 안보게됨) 그래도 다른 사람 내용을 볼때 필수적으로 필요하다고 생각되는 선택자부분은 cssElement.html파일 부분은 완벽하게 이해완료
자주 사용되는 태그 간단 정리 Basic tags: : 문서 유형을 HTML로 선언합니다. : HTML 페이지의 루트 요소입니다. : HTML 페이지에 대한 메타데이터를 포함합니다. : 브라우저의 제목 표시줄에 표시되는 HTML 페이지의 제목을 정의합니다. : HTML 페이지의 표시되는 내용을 포함합니다. Text tags: -: 표제어, 이 가장 중요하다. : 텍스트 단락. : 다른 페이지 또는 리소스에 대한 링크입니다. : 강조된 텍스트입니다. : 텍스트를 강하게 강조합니다. : 밑줄 친 텍스트입니다. : 기본 블록레벨 요소 (줄 전체 접근) : 기본 인라인 요소 (칸으로 접근) : 줄 바꿈. Image tags: : 페이지에 이미지를 표시합니다. : 캡션이 있는 이미지를 그룹화합니다. Table tags: : 테이블을 정의합니다..
html 다중 속성 정의 예시와 class, id 차이점 html 속성의 클래스(class)와 Id 차이 클래스는 여러 요소를 함께 그룹화하는 데 사용되며, id는 단일 요소를 고유하게 식별하는 데 사용됩니다. 클래스와 id 모두 HTML 요소에 특정 스타일이나 기능을 적용하는 데 사용할 수 있습니다. 다중속성 정의 예시 style 속성 color 값 글자 색을 변경해주는 속성 값 background-color 값 해당 영역의 배경색을 변경해주는 속성 값 font-family 속성 couier 값 해당 영역의 글자를 얇은 글씨체로 바꿔주는 태그 verdina 값 해당 영역의 글자를 굵은 글씨체로 바꿔주는 태그 font-size 속성 값 단위 글자 크기를 바꿔주는 속성 값 (단위: px(절대값), %(상대값)) text-align 속성 값은 center,left..
동기강화 프로젝트 내용 정리 (CSS) f
동기강화 프로젝트 내용 정리 씽크와이즈라는 협업,마인드맵 툴을 배우게 되어서 활용한 첫 번째 문서