'Web Programming Language' 카테고리의 글 목록 (11 Page)

Web Programming Language

변수 2020.10.22
문자열 출력, 결합 연산자, strlen() 함수 - 문자열 길이 출력 2020.10.22
숫자 출력, 산술 연산자 2020.10.22
<a> </a> 태그 2020.10.21
HTML) 목록(리스트)을 표현하는 태그 <ul>, <ol>, <li>, <dl> 2020.10.21
herf 속성 2020.10.21

변수

manchesterandthecity 2020. 10. 22. 21:17

2020. 10. 22. 21:17

변수, 변수의 활용

<php 소스코드>

<!DOCTYPE html>
<html>
    <body>
        <h1>Variable</h1>
        <?php
        $a = 1;                     // 변수 선언.  앞에 $를 붙여줌.
        echo $a+1;                  // 변수의 활용. 연산하는데 활용함.
        ?>

        <?php // 변수의 활용. 만약, 수많은 텍스트 글자 중 원하는 단어를 찾아 바꾸려한다면, 너무 오랜시간과 수고가 필요할 것이다. 하지만 이때, 변수를 활용해본다면, 하나의 변수를 생성하여 내가 바꾸려하는 단어를 값으로 입력한다.
        $name = "mancity"; // 그리고 해당 단어들을 모두 해당 변수로 바꿔주고 그 후로는 변수의 값만 변경해주면 모든 내용들이 변경되어 편해질 것이다.
// Lorem이란 문자를 입력하고 Enter를 누르면, 임의의 sample text를 생성해줌.

        echo "Lorem ipsum dolor sit amet consectetur gogo adipisicing ".$name." elit. Placeat ".$name." inventore gogo quasi id, eligendi officia ".$name." rerum vitae, ea voluptatum ".$name." odit illo gogo reprehenderit ".$name." vel gogo cumque, eum hic neque ut architecto abquae."
        ?>

    </body>
</html>

<웹페이지 출력>

'Web Programming Language > PHP' 카테고리의 다른 글

strlen() 함수, nl2br() 함수 (0)	2020.10.22
하이퍼링크로 파라미터값 받기 (0)	2020.10.22
URL 파라미터 (0)	2020.10.22
문자열 출력, 결합 연산자, strlen() 함수 - 문자열 길이 출력 (0)	2020.10.22
숫자 출력, 산술 연산자 (0)	2020.10.22

문자열 출력, 결합 연산자, strlen() 함수 - 문자열 길이 출력

manchesterandthecity 2020. 10. 22. 21:09

2020. 10. 22. 21:09

문자열 출력, 결합 연산자, strlen() 함수 - 문자열 길이 출력

<php 소스코드>

<!doctype html>
<html>
  <body>
    <h1>String & String OPerator</h1>
    <?php
    echo 'Hello world';                   // 문자열 출력.
    echo "Hello world";

    echo "Hello 'w'orld";                 // ''을 출력하고 싶을 경우. "" 안에 ''을 사용. 단, '' 안에 ''을 사용하면 안됨.
    echo 'Hello "w"orld';                 // ""을 출력하고 싶을 경우. '' 안에 ""을 사용. 단, "" 안에 ""을 사용하면 안됨.


# escape
    echo "Hello \"w\"orld";               //  \의 사용. 특수기호 앞에써줌. 특수기호의 역할을 해제시킴. 여기선, "의 기능을 해제시킴. 따라서 결과는 " "도 그냥 출력돼서 나옴.
    ?>

    <h2>concatenation operator(결합 연산자)</h2>
    <?php
    echo "Hello "."world"                 //  .의 사용.  문자열들을 결합시켜줌.
    ?>

    <h2>String length(문자 길이) function</h2>
    <?php
    echo strlen("Hello world");           //  strlen의 사용. 문자열 길이 출력.
    ?>

  </body>
</html>

<웹페이지 출력>

'Web Programming Language > PHP' 카테고리의 다른 글

strlen() 함수, nl2br() 함수 (0)	2020.10.22
하이퍼링크로 파라미터값 받기 (0)	2020.10.22
URL 파라미터 (0)	2020.10.22
변수 (0)	2020.10.22
숫자 출력, 산술 연산자 (0)	2020.10.22

숫자 출력, 산술 연산자

manchesterandthecity 2020. 10. 22. 21:06

2020. 10. 22. 21:06

숫자 출력, 산술 연산자 사용.

<php 소스코드>

<!doctype html>
<html>
  <body>
    <?php
    echo 1;                   // 값을 출력
    print(1);                 // ()안의 값을 html로 출력
    echo 1.1;
    ?>

    <h1>Number & Arithmetic Operator(산술 연산자)</h1>
    <h2>1+1</h2>
    <?php
    echo 1+1;                 // +연산 결과 출력
    ?>

    <h2>2-1</h2>
    <?php
    echo 2-1;                 // -연산 결과 출력
    ?>

    <h2>2*3</h2>
    <?php
    echo 2*3;                 // *연산 결과 출력
    ?>

    <h2>4/2</h2>
    <?php
    echo 4/2;                 // /연산 결과 출력
    ?>

  </body>
</html>

<웹페이지 출력>

'Web Programming Language > PHP' 카테고리의 다른 글

strlen() 함수, nl2br() 함수 (0)	2020.10.22
하이퍼링크로 파라미터값 받기 (0)	2020.10.22
URL 파라미터 (0)	2020.10.22
변수 (0)	2020.10.22
문자열 출력, 결합 연산자, strlen() 함수 - 문자열 길이 출력 (0)	2020.10.22

<a> </a> 태그

manchesterandthecity 2020. 10. 21. 23:22

2020. 10. 21. 23:22

문서를 연결하는 a 태그

(href, title, target 속성)

문서를 링크시키기 위해 사용하는 태그가 바로 <a>태그 입니다.

<a>태그

anchor '정박지' 또는 '닻 '의 약자입니다

<a>태그는 혼자만 사용하지 않고 아래와 같은 속성과 함께 사용합니다.

herf 속성

hypertext reference 약자로, 연결할 주소를 지정하는 속성입니다.

사용 예 :<a href="http://aboooks.tistory.com">지구별 안내서 바로가기</a>

따옴표(" ")를 빠트리지 않도록 주의해 주세요. 링크가 정상적으로 나오지 않을 수도 있습니다

title 속성

해당 링크에 마우스를 갖다 대면 link에 대한 설명이 나옵니다.

사용 예: <a href="http://aboooks.tistory.com/" title="my homepage">지구별 안내서</a>

target 속성

링크를 클릭 할 때 창을 어떻게 열지 결정합니다

_self 연결 문서를 클릭한 창에서 엶(기본값)

_blank 연결 문서를 새 창에서 엶

_parent 부모(상위 레벨) 창에서 엶(부모가 없으면 _self처럼 표시함)

_top 가장 상위 창에서 엶(즉 프레임을 무시하며, 전체 브라우저 창에서)(부모가 없으면 _self처럼 표시됨)

frame name 지정된 프레임 안에 염.

사용 예 : <a href=http://aboooks.tistory.com" target="_blank">지구별 안내서 바로가기</a>

<a>태그는 문자뿐 아니라, 이미지, <div> 등도 링크를 걸 수 있습니다.

사용 예 :

'Web Programming Language > HTML' 카테고리의 다른 글

div, id (0)	2020.10.24
semantic 태그, non-semantic 태그, div, span (0)	2020.10.24
HTML) 목록(리스트)을 표현하는 태그 <ul>, <ol>, <li>, <dl> (0)	2020.10.21
herf 속성 (0)	2020.10.21
<meta charset="utf-8"> (0)	2020.10.21

HTML) 목록(리스트)을 표현하는 태그 <ul>, <ol>, <li>, <dl>

manchesterandthecity 2020. 10. 21. 23:06

2020. 10. 21. 23:06

목록(리스트)을 표현하는 태그 <ul>, <ol>, <li>, <dl>

li	- li : list item - 목록의 항목을 표시하는 데 사용 - ul, ol 같은 상위 요소에 포함되어야함
ul	- ul : unordered list - 글머리 기호를 앞에 붙여 목록을 만드는 형식 - 순서가 필요없는 목록을 만들 때 주로 사용
ol	- ol : order list - 번호를 앞에 붙여 목록을 만드는 형식 - ol type="속성" 으로 다양한 형태의 목록을 만들 수 있다.
dl	- 기호 없이 문단으로 목록을 만드는 형식 - 시작은 <dl>, 제목은 <dt>, 내용은 <dd>태그로 설정한다.

1. UL(Unordered List) 태그

- 순서가 없는 목록 요소이다.

- ol과 거의 동일하며, ul 역시 블럭요소이지만 자식으로 li 요소만 포함할 수 있다.

2. ol (Ordered List) 태그

- ol 요소는 Ordered List의 줄임말로, 순서가 있는 목록이다. ol요소 안에 li(list의 줄임) 요소로 목록 항목을 표현한다.

- 순위나 레시피 등 순서가 있는 부분을 나타낼 수 있다.

- 보통 브라우저의 기본 표현이 숫자이며, css로 로마자 같은 다른 형식으로도 표현이 가능하다.

- ol과 li 요소는 모두 블럭요소오지만 ol요소안에는 오직 li요소만 올 수 있다.

3. DL(Description List) 태그

- DL 요소는 개념과 정의로 이루어진 목록이다.

- 개념은 dt요소로 정의는 dd요소로 작성한다.

<활용 예제>

출처:

blog.naver.com/zboizz/221798627092

[html.200206] 목록을 표현하는 요소 <ul>, <ol>, <li>, <dl>|작성자 streotypeofkosmos

'Web Programming Language > HTML' 카테고리의 다른 글

semantic 태그, non-semantic 태그, div, span (0)	2020.10.24
<a> </a> 태그 (0)	2020.10.21
herf 속성 (0)	2020.10.21
<meta charset="utf-8"> (0)	2020.10.21
html 주석처리 (0)	2020.10.21

herf 속성

manchesterandthecity 2020. 10. 21. 22:46

2020. 10. 21. 22:46

1. html 하이퍼 링크 설정하기

html 하이퍼링크 설정하기

네이버 로 연결하기

<a herf="www.naver.com" >네이버</a>

html 에서 하이퍼 링크가 걸려 있습니다. 네이버란 글자와 함께 말이지요.

웹 화면에서 네이버에 마우스를 가져가면 마우스가 손바닥으로 바뀌어서 클릭을 할 수 있게 되어 있습니다.

<html>

<head>

<title>htmltabg_2</title>

</head>

<body bgcolor="#e1eff2">

<center>비티샘의 <font size="7" color="#d92931">홈페이지</font>입니다. </center>

---------------------------------------> a 태그 안에 href 형식으로 구성됩니디ㅏ. 또한 네이버란 문구 말고 다른 문구를 넣어서 연결도 됩니다.

</body>

</html>

네이버를 클릭하면 바로 연결이 됩니다.

html 하이퍼 링크 연결을 알면 이제는 모든 url을 연결할 수 있습니다.

출처
:
blog.naver.com/kji9653/222003848904
html 태그 (6) html 하이퍼 링크 설정하기 <a href="url" > 내용</a>, 웹문서연결하기|작성자 Smart Factory

'Web Programming Language > HTML' 카테고리의 다른 글

semantic 태그, non-semantic 태그, div, span (0)	2020.10.24
<a> </a> 태그 (0)	2020.10.21
HTML) 목록(리스트)을 표현하는 태그 <ul>, <ol>, <li>, <dl> (0)	2020.10.21
<meta charset="utf-8"> (0)	2020.10.21
html 주석처리 (0)	2020.10.21

PREV 이전 1 ···8 9 10 11 12 NEXT 다음

jacob's blog