What are CSS, JavaScript and HTML in web design?

?

2016-03-08 13:51:38 UTC

It is true that the three pillars of web design are HTML, CSS, and JavaScript. The other languages are a matter of taste and what you want to do. It is all in your opinion. These three languages are relatively easy compared to some others that are out there. With your seconds question here is my answer. XHTML is relatively new and very good. However, it is very very similar to HTML. I have learned HTML and when I saw XHTML I was surprised. It still has tags, there are just more of them. I recommend learning HTML first. That is more basic, and you don't have to worry about older browsers not being able to read it.

?

2015-03-24 16:40:04 UTC

So pretend you're building a house. The first thing you would need is to create a frame for the house - the doors, the windows, the rooms, the hallways, etc. That's basically what HTML does - it sets up the site. HTML is also used whenever you write a page or post on your website - it's the language you primarily use to type in.

Going back to the same analogy, whenever you paint a room in your house or add a piece of furniture or decor, that relates to CSS. CSS changes the colors, fonts, etc of the site and makes it more elegant.

JavaScript doesn't have quite as big of a role as CSS or HTML in web design (the majority of websites tend to use something called PHP instead of JavaScript), but if you do use JavaScript it's probably to make clickable elements on your site.

?

2015-03-26 14:24:48 UTC

CSS stands for Cascading Style Sheets, and is used in programming to allow a set of similar pages to look the same and with the same format. HTML is the basic programming language used to code and design homepages and things like that. In Google Chrome, if you right click something and then click on 'inspect element' it will actually display the HTML coding of that specific page and specific item. I don't know about JavaScript, but there are many books availible to learn what it is and how to code it such as 'JavaScript for dummies'. I hope this was helpful.

Andy T

2015-03-25 17:52:23 UTC

CSS and HTML is more of a blend of what it should have started with, but CSS was quite late on the scene before prior versions of HTML was tainted with visual design tags.

Consider CSS/JavaScript/HTML interacts this way: HTML describes and organizes the data, CSS injects and represents the data visually, JavaScript provides the programming to the entire app.

Thoughtfulminds

2015-04-07 03:16:49 UTC

The web page you see in your browser may be a combination of structure, style and interactivity.

These jobs are undertaken by 3 different technologies, HTML, Javascript, and CSS which your browser knows how to interpret.

HTML

marks the content up into different structural types, like paragraphs, blocks, lists, images, tables, forms, comments etc.

CSS

tells the browser how each type of element should be displayed, which may vary for different media (like screen, print or handheld device)

JavaScript

tells the browser how to change the web page in response to events that happen (like clicking on something, or changing the value in a form input)

Alice

2015-03-28 21:45:02 UTC

CSS refers to Cascading Style Sheet which help to decorate outlook of the web pages. HTML is Hypertext Markup Language that we use to design webpages. And Javascript is a client side scripting language used to create dynamic web pages.

?

2015-03-27 11:23:23 UTC

Java Script doesn't have quite as big of a role as CSS or HTML in web design (the majority of websites tend to use something called PHP instead of JavaScript), but if you do use JavaScript it's probably to make clickable elements on your site

?

2015-03-25 04:18:25 UTC

Html is hyper text markup language is used to form the basic structure of web page , were as CSS is Cascading Style sheet which consist of style format specification structure used in html like height, width, color etc.

Javascript is a programming language.

Aleksandar

2015-03-25 09:03:40 UTC

It is just as they sad, you do some code in html, where you make a webpage, than use css to make your page look very nice and at the end make some interactive animations like slides with javascript..

You can find a lot of tutorials on youtube about this.. It's very interesting

?

2015-03-31 03:03:01 UTC

CSS, Java Script as well as HTML all are Languages of Programming in Web Design.

?

2015-03-30 21:13:43 UTC

Let's understand it with practical example, you tell me can you solve grade 10 maths without taking class, reading maths book or understanding the concept?

The answer is Big 'NO' , Now tell me a child can tell you the counting without any teaching help, tuition or classes? again the answer is big 'NO' . Same applies to web designing as well.

You have to start from basics, and it will start from HTML, then CSS and to handle events can go for JavaScript.

HTML - Practice to clear concept

CSS - Will let you decorate your web design ( again Practice)

JavaScript - If you want some thing to be seen at user level, then very handy to use( again practice it to use).

For further help visit:

?

2015-03-30 18:38:36 UTC

I will help you cause I am being trained in Websites and what you are wanting to know

HTML: Hyper Text Mark-up Language

This is what you use to make the website structure.

CSS: Css is your styling to be used for html.

you use CSS to set the font type, background colour/ image.

JavaScript is used to define the behaviours of the website.

Abdul

2015-03-28 22:47:30 UTC

Html, css, javascript programming language

?

2015-03-27 04:36:10 UTC

Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language.

JavaScript is the programming language of HTML and the Web. Programming makes computers do what you want them to do. This tutorial will teach you JavaScript from basic to advanced.

HTML is the language that describes the structure and the semantic content of a web document. Content within a web page is tagged with HTML elements such as , , <p> , <div> , <picture> , and so forth. These elements form the building blocks of a website. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post14"> <div class="post_header"> <div class="ya_post_header_poster"> Trevor </div> <div class="post_header_date"> <span class="timeago" title="2015-03-25T12:55:40-05:00">2015-03-25 17:55:40 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> Html is the code usually used to design text boxes button combo boxes ECt css colors them or adds effects to them while JavaScript is a code used to have each one have some effct </div> </div>  </div> <div class="qa_answer " style="opacity: 0.7">  <div class="qa_post_head"> <div class="post" id="post15"> <div class="post_header"> <div class="ya_post_header_poster"> Ralph </div> <div class="post_header_date"> <span class="timeago" title="2015-03-24T10:47:07-05:00">2015-03-24 15:47:07 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> HTML is a language to write things in your webpage<br /><br /><br /><br />Css is to design your page<br /><br /><br /><br />Javascript is to create interactive effects within web browsers. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post16"> <div class="post_header"> <div class="ya_post_header_poster"> ? </div> <div class="post_header_date"> <span class="timeago" title="2015-03-28T00:52:50-05:00">2015-03-28 05:52:50 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> css = cascading style sheet<br /><br />HTML = Hypertext markup language<br /><br />Java is a programming that is used to communicate server.<br /><br />HTML is to design the websites. <br /><br />CSS is to giving a style for the designed web pages or websites. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post17"> <div class="post_header"> <div class="ya_post_header_poster"> ? </div> <div class="post_header_date"> <span class="timeago" title="2015-03-26T15:27:00-05:00">2015-03-26 20:27:00 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> html : html is a markup language, Css: the full meaning of css is "Cascading Style Sheets" you need css to stylize you html tag. javascript : an object-oriented computer programming language commonly used to create interactive effects within web browsers. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post18"> <div class="post_header"> <div class="ya_post_header_poster"> Edward </div> <div class="post_header_date"> <span class="timeago" title="2015-03-24T16:10:12-05:00">2015-03-24 21:10:12 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> HTML is responsible for all the links and basic text on the page and buttons and such, CSS makes all those links, texts, and button and such look a lot prettier hence Cascading *Style* Sheets, JavaScript is the part that handles user input and actions on the webpage. It's hard to explain it because I don't know what type of experience you have. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post19"> <div class="post_header"> <div class="ya_post_header_poster"> ? </div> <div class="post_header_date"> <span class="timeago" title="2015-03-25T01:02:18-05:00">2015-03-25 06:02:18 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> HTML is accountable for all the links and basic text on the page and buttons and such, CSS makes all those links, texts, and button and such look plenty prettier thus Cascading *Style* Sheets, JavaScript is that the half that handles user input and actions on the webpage. It's exhausting to elucidate it as a result of i do not recognize what kind of expertise you've got. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post20"> <div class="post_header"> <div class="ya_post_header_poster"> ? </div> <div class="post_header_date"> <span class="timeago" title="2015-03-30T13:50:38-05:00">2015-03-30 18:50:38 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> HTML (Hypertext Markup Language) is the core for your website. It adds the text, links, and other core elements.<br /><br />CSS (Cascading Style Sheets) add style to your webpage. They are the equivalent of hanging up a painting or painting a mural.<br /><br />JavaScript is the equivalent of adding a button on the wall of a house. It adds functions that do other things. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post21"> <div class="post_header"> <div class="ya_post_header_poster"> Andrew </div> <div class="post_header_date"> <span class="timeago" title="2015-03-28T03:29:17-05:00">2015-03-28 08:29:17 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> Web Page is described only by HTML - set of tags used to format the text and describe page sections with other stuff like display styles and automated actions that should happen on the page.<br /><br />Within a tag you can define some properties of the text or part of the web page. In the past the style type properties (like text size, typeface, colour etc) were each a separate properties within a HTML tag. Later they were combined into one property: "style"<br /><br />The value you assign to "style" is a text string that describes all style options and that text has to be according to rules of CSS - this is where CSS comes in - just defines the way you describe "style" property. Nowadays, there are so many style definitions on a site that they go grouped in separate CSS files loaded together with a web site and the HTML simply uses defined style property sets in those files and assigns them to "style" parts of its tags.<br /><br />JavaScript on the other hand is a language - that's it: AKA ECMA Scipt.<br /><br />The link with HTML is as follows: HTML tags also provide "event" properties like "onClick" or "onFocus". Useful with buttons for example. You simply assign a text to those properties: the text must be a program text in JavaScript language (you can also choose other language there like VBScript). Whole lots of functions in JS can be defined in between HTML tags or loaded from JS files while loading the page and used later in HTML tags event properties. While JS executes it can see HTML tags as objects with data and it can manipulate them thus manipulating the web site content. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post22"> <div class="post_header"> <div class="ya_post_header_poster"> Empire539 </div> <div class="post_header_date"> <span class="timeago" title="2015-03-24T01:55:40-05:00">2015-03-24 06:55:40 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> HTML - a language used to structure a website. HTML forms the "skeleton" of a web page.<br /><br /><br /><br />CSS - a language used to describe the appearance of a website, such as colors, spacing, etc... If HTML describes the "skeleton" of a webpage, CSS describes how that webpage looks kind of like how skin color, body features, clothing, and so on describe how a person looks.<br /><br /><br /><br />JavaScript - a scripting language that adds functionality and interactivity to a website. You can use JS to add in functionality that you can't through HTML and CSS. If HTML describes the skeleton and CSS describes the appearance, JS defines what it can do and how it behaves. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post23"> <div class="post_header"> <div class="ya_post_header_poster"> xbox786 </div> <div class="post_header_date"> <span class="timeago" title="2015-03-25T00:56:46-05:00">2015-03-25 05:56:46 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> HTML is used to put web content. Say you want to make a website about yourself, you can put all the information using HTML.<br /><br /><br /><br />CSS is used for styling. After entering info, you want them to appear in certain font size, color, and alignment. You want it to look visually attractive rather than plain texts like book.<br /><br /><br /><br />While HTML/CSS is all about how it looks, JS is about what it does. Say u have a Contact Us section in your website for whoever wants to contact u, where they can fill out their info and click Submit. Say they entered an email address without @ symbol, or they typed alphabet in a phone number field, you will insert JS code to check that and provide error message to the user such as "invalid email address!". Also, say after clicking Submit, you want a Confirmation window with Yes and No button. The next page appears, depends on which button the user clicked. JS is used to handle that logic.<br /><br /><br /><br />Both HTML and JS is written in one file, but CSS is written in a separate file. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post24"> <div class="post_header"> <div class="ya_post_header_poster"> ? </div> <div class="post_header_date"> <span class="timeago" title="2015-03-29T09:06:31-05:00">2015-03-29 14:06:31 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> HTML (HyperText Markup Language) is the basic format of a website. Cascading Style Sheet add favor like color and font. JavaScript (not Java) adds actions </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post25"> <div class="post_header"> <div class="ya_post_header_poster"> sand </div> <div class="post_header_date"> <span class="timeago" title="2015-03-24T20:58:18-05:00">2015-03-25 01:58:18 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> HTML- is the bones of the webpage.<br /><br />CSS-is the flesh and skin of the webpage.<br /><br />Javascript-is the controls of emotions of the webpage. For example : when we are happy we will smile. In webpages javascript can change the look of the webpage depending on any events occurred on the page.<br /><br /><br /><br />Hope this helps </div> </div>  </div> <div class="qa_answer " style="opacity: 0.7">  <div class="qa_post_head"> <div class="post" id="post26"> <div class="post_header"> <div class="ya_post_header_poster"> SteveO </div> <div class="post_header_date"> <span class="timeago" title="2015-03-24T01:48:57-05:00">2015-03-24 06:48:57 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> HTML is just a document markup language, not really useful aside from putting content inside a document. CSS styles an HTML document. JavaScript adds interactivity to a document. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post27"> <div class="post_header"> <div class="ya_post_header_poster"> Ronald </div> <div class="post_header_date"> <span class="timeago" title="2015-03-29T22:30:22-05:00">2015-03-30 03:30:22 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> HTML is the structure of a web page.CSS is the way to decorate your page. JavaScript is the programing language to make stunning animation and effects on page. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post28"> <div class="post_header"> <div class="ya_post_header_poster"> Robert J </div> <div class="post_header_date"> <span class="timeago" title="2015-03-24T19:45:04-05:00">2015-03-25 00:45:04 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> Web pages are in principle just text files sent to a web browser.<br /><br /><br /><br />HTML is a "markup" language - it defines "tags" that tell the web browser what each bit of text relates to or how it is to be displayed.<br /><br /><br /><br />eg. <h1> means Headline text, size 1 (biggest).<br /><br /><br /><br /><b> means bold text<br /><br /><br /><br /><i> means italic.<br /><br /><br /><br /><a> is an "anchor" - a clickable link with the URL (web address) of another web page.<br /><br /><br /><br /><img> is an image or picture to show within the page.<br /><br /><br /><br />(There are many other tags for different features, that's just a few common ones to give the idea).<br /><br /><br /><br /><br /><br />CSS allows you to define your own named styles rather than just the small number of pre-defined ones like <h1> or <b><br /><br />You can change sizes, spacings colours, alignment / justification & just about anything to do with the appearance of parts of the page. You can also re-define the standard ones as well.<br /><br /><br /><br /><br /><br />Javascript is a programming or scripting language that can also be inserted in a web page, using appropriate <> tags to separate the script from the visible parts of the page.<br /><br /><br /><br />It allows the web browser to make parts of the page animate - such as showing a slideshow of a set of images - or provide other interactions like the "password strength" some sites show when entering a new password. <br /><br /><br /><br />It can do a lot more than that, but the basis is it allows small program(s) to run within the web browser and interact with the web page you are seeing or using. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post29"> <div class="post_header"> <div class="ya_post_header_poster"> ? </div> <div class="post_header_date"> <span class="timeago" title="2015-03-29T20:52:52-05:00">2015-03-30 01:52:52 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> They are the fundamentals of any website and are essential for designing and running a website.<br /><br /><br /><br />CSS:<br /><br />This stands for Cascading Style Sheet and is used to brush up on the work of the HTML code and make it look nicer. Within CSS, you can edit the colour of the background, shape and positioning of elements created by the HTML code, etc. Basically, this is making all the visual aspects of the website look nicer.<br /><br /><br /><br />JavaScript:<br /><br />This is a language that allows animations to take place and provide the website with more functionality. I don't know a massive amount about JavaScript due to my lack of experience with the language - I have used it for about 20 minutes and barely did anything with it.<br /><br /><br /><br />HTML:<br /><br />This is the language that designs the main layout for your website - you can create all sorts of elements in HTML and everything is input into tags, e.g. To input a table into your website you could use the following code:<br /><br /><br /><br /><Table><br /><br /> <thead>Heading name here</thead><br /><br /> <tbody><br /><br /> <tr><br /><br /> <td>This will show in-side the first row of the table</td><br /><br /> </tr><br /><br /> <tbody><br /><br /> </Table><br /><br /><br /><br />Note: You can add as many table rows '<tr> </tr>' elements within one table as you wish - same goes for table data '<td></td>', however, the more table data elements you use, the more colums will be input into that row. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post30"> <div class="post_header"> <div class="ya_post_header_poster"> ari </div> <div class="post_header_date"> <span class="timeago" title="2015-03-24T02:03:50-05:00">2015-03-24 07:03:50 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> its very easy, in general its a three different of web developing languages. html is basically what the web contain the text the links the , the CSS is the Style Sheet, it place everything in the order you want, also colors fonts and backgrounds. the java script make the website more interactive. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post31"> <div class="post_header"> <div class="ya_post_header_poster"> Lizard </div> <div class="post_header_date"> <span class="timeago" title="2015-03-24T14:20:00-05:00">2015-03-24 19:20:00 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> HTML: you put tags to create the structure of the webpage. IE: <h1>My Title</h1><br /><br />CSS: you put style on the HTML tags. IE: h1 { font-size: 30px; }<br /><br />Javascript: You program a webpage to have some behabiour. IE: document.getElementByTagName('h1').addEventListener('click', function() { alert('hello world')}) </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post32"> <div class="post_header"> <div class="ya_post_header_poster"> ? </div> <div class="post_header_date"> <span class="timeago" title="2015-03-24T19:32:24-05:00">2015-03-25 00:32:24 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> These are basic languages used in website designing. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post33"> <div class="post_header"> <div class="ya_post_header_poster"> ? </div> <div class="post_header_date"> <span class="timeago" title="2015-03-27T17:59:52-05:00">2015-03-27 22:59:52 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> Tools for web designing . . . </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post34"> <div class="post_header"> <div class="ya_post_header_poster"> ? </div> <div class="post_header_date"> <span class="timeago" title="2015-03-24T17:46:49-05:00">2015-03-24 22:46:49 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> These are formation tools for web designing . . . </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post35"> <div class="post_header"> <div class="ya_post_header_poster"> bikesh </div> <div class="post_header_date"> <span class="timeago" title="2015-04-03T00:41:41-05:00">2015-04-03 05:41:41 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> web are web development tools that use development and design of website . </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post36"> <div class="post_header"> <div class="ya_post_header_poster"> Chris </div> <div class="post_header_date"> <span class="timeago" title="2015-03-24T03:02:35-05:00">2015-03-24 08:02:35 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> Here's a live example of each language: http://jsfiddle.net/khrismuc/zsen70u2/ </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post37"> <div class="post_header"> <div class="ya_post_header_poster"> </div> <div class="post_header_date"> <span class="timeago" title="2015-03-26T17:28:46-05:00">2015-03-26 22:28:46 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> All these are web designing tools . . . </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post38"> <div class="post_header"> <div class="ya_post_header_poster"> Piper </div> <div class="post_header_date"> <span class="timeago" title="2015-03-25T17:50:43-05:00">2015-03-25 22:50:43 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> All these are web designing tools . . . </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post39"> <div class="post_header"> <div class="ya_post_header_poster"> Muhaiminul </div> <div class="post_header_date"> <span class="timeago" title="2015-03-29T14:21:18-05:00">2015-03-29 19:21:18 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> thats are programing language </div> </div>  </div> <div class="qa_answer " style="opacity: 0.7">  <div class="qa_post_head"> <div class="post" id="post40"> <div class="post_header"> <div class="ya_post_header_poster"> just "JR" </div> <div class="post_header_date"> <span class="timeago" title="2015-03-24T02:06:09-05:00">2015-03-24 07:06:09 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> Make the effort of visiting w3schools.com and read about all of them.<br /><br />You will learn more than you can do here. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post41"> <div class="post_header"> <div class="ya_post_header_poster"> Tareq </div> <div class="post_header_date"> <span class="timeago" title="2015-03-30T06:15:09-05:00">2015-03-30 11:15:09 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> The three is use on the work. </div> </div>  </div> <div class="qa_answer " >  <div class="qa_post_head"> <div class="post" id="post42"> <div class="post_header"> <div class="ya_post_header_poster"> Luigi </div> <div class="post_header_date"> <span class="timeago" title="2015-03-30T21:45:13-05:00">2015-03-31 02:45:13 UTC</span> </div> </div> </div> </div>    <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions">  </div> JAVA </div> </div>  </div> </br ></br > <div id="se_licensing_notice"> <div id="se_licensing_notice_info"> ⓘ </div> <div id="se_licensing_notice_text"> This content was originally posted on Y! Answers, a Q&A website that shut down in 2021. </div> </div>  <script type="text/javascript"> //$(document).ready(function() { (nk = window.nk || []).session_id = '1b2f9c774d96'; if(nk.adb === undefined) nk.adb = 'enabled'; if(0) nk.adb = 'untested'; nk.threadfunction = function() { $.ajax({ url: "https://" + document.domain +"/ajax/ThreadViewCounter?hash=LQMLL3kV&nk_session=" + nk.session_id, data: { page_version: 1, is_desktop: 1, lang: 'en', replycount: 43, views: 1, type: 'ya', simqa: 0, simsearchqa: 0, simsearch: 0, url: window.location.href, hash: 'LQMLL3kV', cat: document.domain.replace('.narkive.', '.'), path: window.location.pathname, title: 'What are CSS, JavaScript and HTML in web design?', recency: 3240, ads_filter: 'no-match', // adb: nk.adb, }, cache: true, type: "GET" }) .done(function( html ) { eval(html); }); } //}); $(document).ready(function() { if(typeof adsense_dispatcher_id === 'undefined' || adsense_dispatcher_id < 2) { // disable stats collection if you're unlikely to be a new user //nk.threadfunction(); } }); // prebid callback here as there is no command queue, in theory ThreadViewCounter works, but hey var nk_ts_PreBidConnectionTime = Date.now(); function connect_prebid_callback() { if(typeof vmpbjs !== undefined && vmpbjs.onEvent !== undefined) { vmpbjs.onEvent('bidWon', function(prebidwin) { console.log(prebidwin.bidderCode+ ' won the ad server auction for ad unit ' +prebidwin.adUnitCode+ ' at ' +prebidwin.cpm+ ' CPM'); console.log(prebidwin); var u = "https://" + document.domain +"/ajax/telemprebid?abs_sec=" + parseInt((Date.now()-nk_ts_PreBidConnectionTime) / 1000) + "&nk_session=" + nk.session_id; $.ajax({ url: u, cache: false, type: "HEAD", global: false, beforeSend: function(){}, complete: function(){}, data: { bidder: prebidwin.bidder, cpm: prebidwin.originalCpm, currency: prebidwin.originalCurrency, height: prebidwin.height, width: prebidwin.width, slotElementId: prebidwin.adserverTargeting.hb_div_id }}); console.log('callback sent'); }); } else { setTimeout(function() { connect_prebid_callback(); }, 100); } } //connect_prebid_callback(); </script> <div id="last_post_visibility_indicator"> </div> <style> .post_body.parsed { /*padding: 11px 12px;*/ color: #192527; font-family: "Segoe UI","Segoe WP","Arial","Sans-Serif"; font-size: 17px; line-height: 24px; } </style> <style> @media screen and (min-width: 770px) { .post_body.parsed { padding: 11px 12px; color: #192527; font-family: "Segoe UI","Segoe WP","Arial","Sans-Serif"; font-size: 18px; line-height: 26px; } .post_header { border-width: 1px; border-radius: 3px; } .post_wrapper { border-left: 0; padding-left: 22px; } .post_body { border: 0; } .quoted_post { font-size: 14px; line-height: 18px; } .post_header { height: 30px; line-height: 30px; font-size: 17px; } #thread_lister_ctrl_nav { font-size: 24px; line-height: 32px; } #thread_lister_subtitle { display: none; } /* smaller */ #thread_lister_ctrl_nav { font-size: 20px; line-height: 31px; } .post_header { height: 28px; line-height: 27px; font-size: 16px; } .post_body.parsed { font-family: "Segoe UI","Segoe WP","Arial","Sans-Serif"; font-size: 17px; line-height: 25px; padding-bottom: 16px; } .thread #thread_lister_ctrl { margin: 8px 4px; margin-top: 7px; margin-bottom: 4px; } #thread_lister_subtitle { display: block; } #thread_lister_subtitle { margin-bottom: -5px; } #thread_container .post_header_date .timeago { font-size: 15px; } #simthread_first_header { font-family: serif; font-size: 25px; margin-top: 30px; margin-left: 15px; background-color: #f3feff; padding: 7px 13px; color: #234244; width: fit-content; border-radius: 5px; } } </style> <style> #sidebar_banner_right { /*float: right; margin-right: 20px;*/ float: left; margin-left: 40px; margin-top: 20px; width: 22px; height: 30px; /*display: none;*/ /*border: 1px solid red;*/ /*background-color: red;*/ } @media screen and (min-width: 1500px) { #sidebar_banner_right { margin-left: 80px; } } </style> </div> <div id="sidebar_container"></div> <div id="sidebar_banner_right"><div class="sidebar_banner_placeholder_2"></div></div> <div style="clear: both"></div> </div> <script type="text/javascript"> var nav_highlighted = false, sidebar_fixed = false, sidebar_initial_top_distance = 0, sidebar_initial_left_distance = 0, sidebar_right_banner_initial_left_distance = 0, last_post_divs_distance_build = 0, post_divs_distances = Array(), sidebar_height = 0, thread_navigation_height = 0, sidebar_position_offset = 0, thread_onscroll_timeout = 0, sidebar_related_height = 0; function build_post_divs_distance() { if(new Date().getTime() - last_post_divs_distance_build < 1000) { return; } var post_divs = $('.post'); for(k in post_divs) { if(parseInt(k) != k) continue; post_divs_distances[$(post_divs[k]).position().top] = $(post_divs[k]).attr('id').replace('post', ''); } sidebar_height = $('#sidebar_container').height(); thread_navigation_height = $('#thread_navigation').height(); } function thread_onscroll() { if($(window).width() < 995) { return; } build_post_divs_distance(); var scroll_top = $(window).scrollTop(), sidebar_offset_top = $('#sidebar_container').offset().top, windows_height = $(window).height(), sidebar_css_top = parseInt($('#sidebar_container').css('top') == 'auto' ? 0 : $('#sidebar_container').css('top')), sidebar_standard_top_distance = 20, first_visible_post = 1, scroller_margins = windows_height < 250 ? 20 : 100; highlighted_top_distance = nav_highlighted > 0 ? $('#nav_post' + nav_highlighted).position().top : windows_height/2; left_margin = parseInt($('#sidebar_container').css('margin-left')); left_margin_banner = parseInt($('#sidebar_banner_right').css('margin-left')); if(sidebar_initial_left_distance == 0) { sidebar_initial_left_distance = $('#sidebar_container').offset().left/* == 0 ? 760 : $('#sidebar_container').offset().left*/; } if(sidebar_right_banner_initial_left_distance == 0) { sidebar_right_banner_initial_left_distance = $('#sidebar_banner_right').offset().left/* == 0 ? 760 : $('#sidebar_container').offset().left*/; } if(highlighted_top_distance + scroller_margins + sidebar_position_offset + sidebar_related_height > windows_height) { sidebar_position_offset -= windows_height/2; $('#sidebar_container').css('position', 'fixed').css('top', sidebar_position_offset + 'px').css('left', (sidebar_initial_left_distance - left_margin) + 'px'); $('#sidebar_banner_right').css('position', 'fixed').css('top', sidebar_position_offset + 'px').css('left', (sidebar_right_banner_initial_left_distance - left_margin_banner) + 'px'); } else if(highlighted_top_distance + sidebar_position_offset < scroller_margins) { sidebar_position_offset += windows_height/2; $('#sidebar_container').css('position', 'fixed').css('top', sidebar_position_offset + 'px').css('left', (sidebar_initial_left_distance - left_margin) + 'px'); $('#sidebar_banner_right').css('position', 'fixed').css('top', sidebar_position_offset + 'px').css('left', (sidebar_right_banner_initial_left_distance - left_margin_banner) + 'px'); } else if(!sidebar_fixed && scroll_top + sidebar_standard_top_distance > sidebar_offset_top) { $('#sidebar_container').css('position', 'fixed').css('top', '0px').css('left', (sidebar_initial_left_distance - left_margin) + 'px'); $('#sidebar_banner_right').css('position', 'fixed').css('top', '0px').css('left', (sidebar_right_banner_initial_left_distance - left_margin_banner) + 'px'); sidebar_fixed = true; sidebar_initial_top_distance = sidebar_offset_top; } else if(sidebar_fixed && scroll_top + sidebar_standard_top_distance < sidebar_initial_top_distance) { $('#sidebar_container').css('position', 'relative').css('top', '0').css('left', '0'); $('#sidebar_banner_right').css('position', 'relative').css('top', '0').css('left', '0'); sidebar_fixed = false; } for(k in post_divs_distances) if(k < scroll_top + 100 && post_divs_distances[k] != 'selector') first_visible_post = parseInt(post_divs_distances[k]); if(first_visible_post > 0 && first_visible_post <= post_divs_distances.length + 1) { $('#nav_post' + nav_highlighted).css('opacity', ''); $('#nav_post' + first_visible_post).css('opacity', '1'); nav_highlighted = first_visible_post; } clearTimeout(thread_onscroll_timeout); thread_onscroll_timeout = setTimeout(function () {thread_onscroll();}, 200); } function init_quoted_extra() { $(".quoted_post_level_1").each(function() { if($(this).text().length < 500) return; if($(this).next('.quoted_extra_clickable').length != 0) return; $(this).css('display', 'none'); $(this).after('<div class="quoted_extra_clickable">...</div>'); }); } function quoted_extra_click(e) { $(e).css('display', 'none'); $(e).prev().css('display', 'block'); build_post_divs_distance() } $( document ).ready(function() { $(".post_censored").on('click', function(event){ event.stopPropagation(); event.stopImmediatePropagation(); var post_id = $(this).closest(".post").attr('id').replace('post', ''); console.log(post_id); censored_post = $(this).closest(".post_body"); $(this).closest(".post_body").css('opacity', '0.3'); /* $.ajax({ url: "?load_censored_post=" + post_id, type: 'GET', dataType: 'html', success: function(data){ console.log(nk.censored_post); nk.censored_post.html(data); } }); */ $.post(window.location, {'load_censored_post': post_id}, function(data) { // alert('POST was successful. Server says: ' + data); console.log(censored_post); $(censored_post).html(data); $(censored_post).css('opacity', '1'); }); }); }); function thread_selector_mouseup() { } function thread_init_selection() { if(!window.location.hash || !window.location.hash.match(/^#selection:([0-9]+)\.([0-9]+)\.([0-9]+)$/)) return; nk.is_select_ref = 1; var temp = window.location.hash.match(/^#selection:([0-9]+)\.([0-9]+)\.([0-9]+)$/); var post = temp[1], start = temp[2], end = parseInt(start) + parseInt(temp[3]), ts, tr; tr = $('#post' + post).children('.post_body').html().trim(); ts = '<div>' + $('#post' + post).children('.post_body').html().trim() + '</div>'; ts = $(ts); ts.find('.quoted_post').remove(); ts.find('.post_signature').remove(); //ts.find('#selection_url_f').remove(); ts.find('br').replaceWith(' '); ts = ts.html().trim(); var post_verified = '', c; for (var i = 0; i < ts.length; i++) { if(i < start || i >= end) continue; c = ts.charAt(i); post_verified += c; if(c != ' ') continue; if(tr.indexOf(post_verified) != -1) continue; post_verified = post_verified.slice(0, -1); if(tr.indexOf(post_verified + '<br>') != -1) { post_verified += '<br>'; continue; } break; } $('#post' + post).children('.post_body').html( $('#post' + post).children('.post_body').html().replace(post_verified, '<span id="init_selection">' + post_verified + '</span>') ); var offset = (window.innerHeight < $("#init_selection").height()) ? 30 : ((window.innerHeight - $("#init_selection").height()) / 2); $('html,body').animate({scrollTop: $("#init_selection").offset().top - offset},'fast'); ga('send', 'event', 'selection', 'load', {'nonInteraction': 1}); } function thread_init_copy() { $('#thread_container').on("mouseup", function() { var t, te, tr, ts; if($('#selection_url_c:hover').length > 0) { $('#selection_url_c input').select(); ga('send', 'event', 'selection', 'click', {'nonInteraction': 1}); if(typeof nk.push_ts_event !== 'undefined') nk.push_ts_event('selected_link_hover', 1); return; } $('#selection_url_c').remove(); $('#selection_url_f').remove(); if(window.getSelection) t = window.getSelection(); else if(document.getSelection) t = document.getSelection(); else if(document.selection) t = document.selection.createRange().text; if(typeof t === 'undefined' || t.toString().length <= 1) return; if(typeof t.anchorNode === 'undefined' || typeof t.anchorNode.parentElement === 'undefined' || typeof t.anchorNode.parentElement.parentElement === 'undefined') return; te = t.anchorNode.parentElement.parentElement; if(!te.id.match(/^post[0-9]+$/)) return; tr = t.toString().replace(/\n/g, ' ').trim(); ts = '<div>' + $(te).children('.post_body').html().trim() + '</div>'; ts = $(ts); ts.find('.quoted_post').remove(); ts.find('.post_signature').remove(); //ts.find('#selection_url_f').remove(); ts.find('br').replaceWith(' '); ts = ts.html().trim(); if(ts.indexOf(tr) == -1) return; var hash = document.location.href.match(/\.narkive\.com\/([a-zA-Z0-9]{8})/); if (typeof hash[1] === 'undefined') return; hash = hash[1]; var fix_index = 0; if(ts.indexOf('init_selection') < ts.indexOf(tr) && ts.indexOf('init_selection') != -1) fix_index = 33; //console.log(ts); //console.log(fix_index); if(typeof nk.push_ts_event !== 'undefined') nk.push_ts_event('selected_char_count', tr.length); var url = 'https://narkive.com/' + hash + ':' + te.id.replace('post', '') + '.' + (ts.indexOf(tr) - fix_index) + '.' + tr.length; setTimeout(function() { try { var range = document.createRange(); range.setStart(t.focusNode, t.focusOffset); range.insertNode($('<span id="selection_url_f"></span>').get(0)); var selection_button = $('<div style="top: ' + $('#selection_url_f').offset().top + 'px" id="selection_url_c">Selection Permalink:<input type="text" value="'+url+'"></div>').get(0); $('#thread_container').append(selection_button); //console.log(selection_button); } catch (e) {} }, 10); }); } /* function thread_similarbar(hash) { if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) return; $.get( "https://" + document.domain + "/ajax/similarbar?hash=" + hash, function( data ) { $('#thread_navigation').after(data); }); } */ function thread_suggested_reading(hash) { if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) return; $.get( "https://" + document.domain + "/ajax/suggestedreading?hash=" + hash, function( data ) { $('#thread_container').append(data); }); } $( window ).scroll(function () { thread_onscroll(); }); $( document ).ready(function() { init_quoted_extra(); thread_onscroll(); /*thread_check_adv();*/ thread_init_copy(); thread_init_selection(); }); </script> <script type="text/javascript"> /* thread_similarbar('LQMLL3kV');*/ /* thread_suggested_reading('LQMLL3kV'); */ </script> <style type="text/css"> </style> <script type="text/javascript"> $( document ).ready(function() { var targetNodes = $(".adsbygoogle"); var MutationObserver = window.MutationObserver || window.WebKitMutationObserver; var myObserver = new MutationObserver (mutationHandler); var obsConfig = { attributes: true }; targetNodes.each ( function () { myObserver.observe (this, obsConfig); } ); function mutationHandler (mutationRecords) { mutationRecords.forEach ( function (mutation) { if(mutation.type == 'attributes' && mutation.attributeName == 'data-ad-status') { var jq = $(mutation.target).attr('data-ad-status'); if(jq == 'filled') { nk.adsense_status.filled++; } if(jq == 'unfilled') { nk.adsense_status.unfilled++; } nk.ts_suggestPushEvent = 1; } } ); } var testURL = "https://" + document.domain + "/s/_adverts.js" var myInit = { method: 'HEAD', mode: 'no-cors' }; var myRequest = new Request(testURL, myInit); fetch(myRequest).then(function(response) { return response; }).then(function(response) { nk.adb = 'disabled'; nk.ts_suggestPushEvent = 1; }).catch(function(e){ nk.adb = 'enabled'; nk.ts_suggestPushEvent = 1; }); }); </script> <div style="height: 50px"></div> </div> <div id="footer_wrapper"> <div id="footer_links"> <a href="https://narkive.com/about">about</a> - <a href="https://narkive.com/legalese">legalese</a> </div>  </div> <div id="ajax_loading">Loading...</div> <div id="overflow"></div> <div id="overflow_message"> <div id="overflow_message_header"> </div> <div id="overflow_message_content"> </div> <div id="overflow_message_actions"> </div> </div> </body></html>