search

shehan774690541 / github-slideshow

A robot powered training repository :robot:
https://lab.github.com/githubtraining/introduction-to-github
MIT License
0 stars 0 forks source link

Learn web #2

Open shehan774690541 opened 3 years ago

shehan774690541 commented 3 years ago

<!DOCTYPE html>

shehan|codes|2021|05|12

nav bar ඒකක් යෙදීම.

hellow...

web disaing

hedding...

<h1>   hedding 1

<h2>   hedding 2

<h3>   hedding 3

<h4>   hedding 4

<h5>   hedding 5
<h6>   hedding 6

font styles...

tag

output
<i>  -  itelic leters
<b>  -  bolt leters
<strong>  -  strong texts
<u>  -  underline texts
<em>  -  emphasized text
<mark>  -  marked text
<small>  -  small text
<del>  -  deleted text
1<sup>2</sup>-  22
1<sub>2</sub>-  12

sentence edit..

tag

output
<bdo dir="rtl">hellow world!</bdo>   -   hellow world!
<p class="text-lowercase">this is a paragraph</p>

this is a paragraph
      <p class="text-uppercase">this is a paragraph</p>

this is a paragraph
      <p class="text-capitalize">this is a paragraph</p>

this is a paragraph

color change

tag

style
<p class="text-info">this is a paragrph</p>

this is a paragrph1
        <p class="text-warning">this is a paragrph</p>

this is a paragrph
        <p class="text-danger">this is a paragrph</p>

this is a paragrph
        <p class="text-success">this is a paragrph</p>

this is a paragrph
        <p class="text-primery">this is a paragrph</p>

this is a paragrph
        <p class="text-muted">this is a paragrph</p>

this is a paragrph


marquee

marquee web disain
web disain
web disain
web disain
web disain
web disain
web disain
web disain
web disain


අකුරු මැදට ගැනීම:-
center

list

රවුම් ආකාරයෙන් අංක කිරීම:-

බෝල ආකාරයෙන් අංක කිරීම:-

කොටු ආකාරයෙන් අංක කිරීම:-

1,2,3, ලෙස අංක කිරීම:-
  1. web disain
  2. web disain
  3. web disain

a,b,c ලෙස අංක කිරීම:-
  1. web disain
  2. web disain
  3. web disain

A,B,C ලෙස අංක කිරීම:-
  1. web disain
  2. web disain
  3. web disain

i,ii,iii ලෙස අංක කිරීම:-
  1. web disain
  2. web disain
  3. web disain

I,II,II ලෙස අංක කිරීම:-
  1. web disain
  2. web disain
  3. web disain

අංක කිරීම‌ේදී වෙනත් අගයක සිට ආරම්භ කිරීම.:-
  1. web disain
  2. web disain
  3. web disain

අගයක අග සිට මුල්ට ලබාගැනීම.:-
  1. web disain
  2. web disain
  3. web disain



වගු නිර්මණය

01.වගුව

1 2 3
1.i 2.i 3.i
1.ii 2.ii 3.ii

01.වගුව



02.වගුව

First Name Last Name Nationality
John Doe American
Juan Dela Cruz Filipino






03.වගුව

a b
c 2.ii 3.iii
2.ii 3.iii


04.වගුව

first name last name school
shehan rajapaksha rcc
shehan rajapaksha rcc

උඩු කොමා:- "web disain "

"&"-සංකේතය:- &

" < "-සංකේතය:- <

">"-සංකේතය:- >

"÷"-සංකේතය:- "÷"

"-"-සංකේතය:- –

"%"-සංකේතය:- ‰

හිස් ඉඩක්:- web   disain

download කරගත් පින්තූරයක් ඇතුලත් කිරීම.

අන්තර්ජාලයේ තිබෙන පින්තූරයක් ඇතුලත් කිරීම.

චායාරෑප කිහිපයක් slide කිරීම




ශබ්ධ ගොනුවක් යෙදීම






this is a song

my web






home

<p id="paragraph">this is a paragtrph. this paragraph have web disaing</p>

යා යුතු ස්තානයේ ඇති tag ඒක | ඒ් සදහා id ඒකක්


<a href="#paragraph">

<a href=" ">tag ඒක යෙදීම  |  id ඒක යෙදීම


name:

t:nu:

gender male feemale

grade:

grade:
A pass
B pass
C pass
D pass

passward:

comment:

select the date:-

select the time:-



exsaple form...

first name lastname

user name

please youre carrect e-mail address

password

we ll never shera youre email.

not register yet? signup

web disaaing for use this lanweges.

html - The language for building web pages.

css - The language for styling web pages.

java script - The language for programming web pages.

SQL - A language for accessing databases

PHP - A web server programming language

jQuery - A JavaScript library for developing web pages

W3.CSS - A modern CSS framework for faster and better responsive web sitesBootstrap

Bootstrap - Bootstrap is a CSS framework for designing better web pages

<div> tag ඒක බාවිතා කිරීම.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fuga sapiente unde pariatur sint possimus excepturi quaerat qui in veritatis, numquam libero quo, quam reprehenderit, eveniet labore vel consequuntur esse odio.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fuga sapiente unde pariatur sint possimus excepturi quaerat qui in veritatis, numquam libero quo, quam reprehenderit, eveniet labore vel consequuntur esse odio.



css...

inline css...

i am normal

වර්නයක් ඒකතු කිරීම.

අකුරැ වල ප්‍රමානය

අකුරැ වල හැඩය


internel css...

add to tag

add to id

class..

shehan

background

 

java script යොදා ගන්නා ආකරය

inline JS

internal Js

කලිං තිබුන text එක වෙනස් කිරීම

hellow

| 

බටනයක් භාවිතා කර අකුරු වල වර්න වෙනස් කිරීම


web diveloper by shehan rajapaksha  



අකුරු වල ප්‍රමානය වෙනස් කිරිම සහ වෙබ් පිටුවෙ නොපෙන්වීම.


web develop by shehan



අවශ්‍ය වචනයක් ආදානය කර එය alert පනිවිඩයක් ලෙස පෙන්වීම



අවශ්‍ය වචනයක් ආදානය කර එය පිටුවේම තිබෙන text එකක් වෙනුවට වෙනස් කිරීම

සකසා ඇති text එකක් වෙනුවට යොදන ලද වචනය එකතු කිරීම

  

ලබා දෙන නමත් සමග වෙනත් වචනයක් මුලට යොදා යෙදූ වචය පෙන්වීම

youre text

youre text


නමක් යෙදූ විට එය නිවැරදි දැය් බැලීම

enter youre user name



සංක්‍යාවක් තවත් සංක්‍යාවකට ගැලපේදැය් බැලිම

inside code

මෙම මොහොතේ වේලාව දර්ශනය කරවීම







go to top this page is end..

Zonick1 commented 2 years ago

patta

shehan774690541 commented 11 months ago

patta

tnx broh 😁😁