본문 바로가기

소프트웨어

 (47)
[CSS] text size property / text align property 오늘은 CSS text size property(글자 크기 조절), CSS text align property(정렬)을 배웠다. CSS text size property 영역에 변경하고 싶은 부분 (h1) 선택자를 추가하여 font-size 속성을 이용해 글자 크기를 변경하면 된다. font-size:원하는크기(px, %...); WEB CSS text align property 가운데 정렬을 하고 싶을 경우 영역에 변경하고 싶은 부분 (h1) 선택자를 추가하여 text-align 속성을 이용해 텍스트를 가운데 정렬하면 된다. WEB 그 외 다른 정렬을 하고 싶을 경우에는 참고해서 사용하면된다.
[CSS] <style> 글씨 색깔 변경, 링크 밑줄 제거 글씨 색깔 변경 웹 사이트에 만든 글씨 색깔을 변경하고 싶다면 태그를 사용하면 된다. 링크 색깔을 빨간색으로 변경하고 싶으면 color:red; 을 사용하면 된다. 2.CSS 부분의 색깔만 변경하고 싶다면 2.html 부분에 style 속성을 사용하면 된다. 기존 코드 WEB HTML CSS JavaScript style 속성 추가한 코드 WEB HTML CSS JavaScript 2.CSS에만 글씨 변경이 된걸 확인했습니다. CSS 색깔 변경을 위해 가장 먼저 설명한 a{ color:black;}으로 바꾸고 진행했다. 링크 밑줄 제거 링크에 모든 밑줄을 제거하고 싶다면 a{ text-decoration:none;}를 추가하면된다. 특정 부분만 밑줄을 추가하고 싶다면, a{ text-decoration:..
[HTML] 웹사이트 동영상, 댓글, 채팅, 방문자 분석기 기능 추가 오늘은 생활코딩 부록인 웹사이트에 동영상, 채팅, 방문자 수 기능 추가에 대해 배웠다. 먼저 동영상을 추가하는 기능이다. 웹사이트에 유투브 동영상을 추가하려면, 공유버튼을 누르고 퍼가기를 누르면 동영상의 소스코드가 나온다. 이 코드를 추가하면 동영상을 추가할 수 있다. 여기서 태그가 동영상을 추가하는 기능을 하는 것을 알 수 있었다. 다음은 댓글 기능 추가하기 입니다. 무료 사이트인 DISQUS (https://disqus.com/)를 이용했다. DISQUS에 회원가입을 해서 자신만의 web사이트를 만든 후 주소 코드를 복사하여 내 프로그램에 붙여넣기를 하니 웹사이트에 댓글 기능이 추가 됐다. 만약, 복사해온 코드를 붙여넣었을 때 "We were unable to load Disqus. If you ar..
[HTML] 링크 연결 <a> 웹에 링크를 연결하려면 태그를 사용하면 된다. 태그의 사용법은 링크를 넣고 싶은 문단다
[HTML] <li>, <ol>, <ul> 목차 tag 오늘은 목차 태그인 , , 에 대해 배웠다. 목차 태그는 Ordered List (=) / Unordered List(=)로 나뉜다 : List의 "li"를 따온 목차 또는 목록을 나타내는 태그 : li만 사용하면 서로 구분이 안되기 때문에, 띄어쓰기를 위해 사용하는 목차 태그, 의 부모 태그 (마찬가지로 도
[HTML] <br>, <p>, <img> 오늘은 인기 태그인 , , 태그에 대해 배웠다. HTML Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. Web browers receive HTML doucuments from a web server or from local storage and render them into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document. HTML elements ar..
[HTML] HTML 기초 동기들이 JavaScript 공부를 같이 하자는 권유를 받아서 시작하게 됐다. 책은 생활코딩님의 HTML+CSS+자바스크립트를 사용한다. HTML은 웹 페이지를 만드는 프로그래밍 언어이고 쉽기에 입문 언어로 적합하다. 프로그램은 Vs Code을 사용 웹 페이지의 확장자 : html 웹페이지는 확장자가 html이라 .html로 파일을 저장해야 한다 파일 html의 주소를 브라우저의 주소창에 웹페이지가 열리기 떄문이다 코딩 과정 : 코드 입력->저장->브라우저 새로고침 기본 문법과 태그 태그(tag)란? 웹페이지의 가장 중요한 문법이며 간단히 "표시"정도로 알면된다 : 문자를 진하게 표시하는 태그 : 밑줄 표시 태그 HTML Hypertext Markup Language (HTML) is the standa..

티스토리툴바