HTML and CSS and JS

Source: Internet
Author: User

One.

1. General knowledge;

1. HTML is the carrier of Web content. The content is the information that the Web creator puts on the page to let the user browse, can contain text, picture, video and so on.

2. CSS style is performance. Just like a web coat. For example, the title font, color changes, or for the title to add background pictures, borders and so on. All these things that change the appearance of the content are called performance.

JavaScript is used to achieve special effects on a Web page. such as: Mouse over Popup drop-down menu. or the mouse slide over the background color of the table changes. There is also the rotation of the Focus news (news pictures). It can be understood that there are animations and interactions that are generally done with JavaScript .

2.html

(1) HTML file Basic schema :

<! DOCTYPE HTML >
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 ">
<title>insert Title here (insert title) </title>
<body>

the body part of the HTML document, which can include <p> between this flag pair ... </p> , ... , <br> , and so many signs.

The text, images, etc. that they define will be displayed in the browser's box.

</body>

2. Format Tags:

1. <p>... </p>

The <p></p> flag pair is used to create a paragraph in which the text that is added between this flag pair is displayed in the browser as a paragraph format. the <p> flag can also use the align property, which is used to illustrate alignment, as shown in the following syntax.

<p align= " parameters " ></p>

the parameters of the Align can beLeft (justified),Center(center), and Right (aligned)3 Any one of these values. For example <p align= "center" ></p> represents the alignment of the text in the flag pair using the center.

2. <br>

<br> is a very simple single-token instruction, it has no end flag, because it is used to create a carriage return line, that is, mark text wrapping.

3. <blockquote>... </blockquote>

The text that is added between the <blockquote></blockquote> flag pairs is displayed in the browser in the same way as indented on both sides.

4. <dl>... </dl> , <dt> ... </dt> , <dd> ... </dd>

<dl></dl> used to create an ordinary list;<dt></dt> is used to create top-level items in a list;<dd> </dd> used to create the lowest-level items in the list,<dt></dt> and <dd></dd> must be placed in <dl></dl> symbol pairs.

5. <ol>... </ol>,<ul> ... </ul>,<li> ... </li>

<ol></ol>The flag pair is used to create a list with a number labeled. <ul></ul>The flag pair is used to create a list marked with dots. <li></li>the flag pair can only be<ol></ol>or<ul></ul>used between flag pairs, this flag is used to create a list item, if<li></li>placed in<ol></ol>, a number is added to each list item;<ul></ul>, each list item is added with a dot

6. <div>... </div>

<div></div> flag pairs used to format large chunks of HTML Paragraphs, also used for formatting tables, the use of this flag pair with <p></p> The signs are very similar to the same Align the Alignment property.

(3)Text Markers

Text markers are primarily tagged for Text property settings, such as italic, bold, underline, and so on.

1. <pre>... </pre>

The <pre></pre> flag pair is used to preprocess text.

2. ...

The HTML language provides a series of flag pairs that manipulate the headings in the text:, 、......、 . is the biggest headline, and is the smallest title. If you need to output title text in an HTML document, you can use Any pair of these 6 pairs of heading flags.

3. <b> ... </b> , <i> ... </i> , <u> ... </u>

frequently Used Word 's People will soon be able to master these 3 symbols. <b></b> used to make the text output in boldface form;<i></i> to make the text output in italics; <u></u> used to output the text with an underlined form.

4. <tt> ... </tt> , <cite> ... </cite> , <em> ... </em> , <strong> ... </strong>

The use of these flags is the same as the upper one, except that the text font of the output is different. <tt></tt> text used to output typewriter style font , <cite></cite> font used to output a reference, usually italic; <em></em> used to output text that needs to be emphasized (usually italic and bold);<strong></strong> is used to output the heavier text (usually italic and bold).

5. <font> ... </font>

<font></font>You can change the font size and color of the output text arbitrarily. These changes are mainly through the two properties on itsizeand theColorcontrol to achieve. sizeproperty is used to change the size of the font, and it can take a value of-1,1and the+1; andColorproperty is used to change the color of the text, the value of the color is hexadecimalRGBcolor code orHTMLthe name of the given color constant for the language.

(3)Image Marker

Simple and plain Web page if only the text and no image will lose a lot of vitality, the image in the production of Web pages is a very important aspect, The HTML language also provides a special flag to handle the output of the image.

1.

The flag does not really add an image to an HTML document, but instead assigns a value to the src attribute of the flag pair . This value is the file name of the image file, including the path, which can be a relative path, or it can be a URL. The so-called relative path refers to the path of the file to be linked or embedded into the current HTML document relative to the current file.

if the website The HTML file and the image file (the file name is assumed to be logo.gif) in the same directory, you can write the code . If the site's image file is placed in a subdirectory of the current HTML Document's directory (the subdirectory name is assumed to be images), the code should be .

% Note: usually the image files are placed in a separate directory in the site. It is important to note thatthe src attribute must be assigned in the flag and is an integral part of the flag.

in addition,Signs andalt,Align,Border,widthand theHeightproperty. Alignis the alignment of the image, which has been mentioned above. Borderproperty is the border of an image and can be greater than or equal to0integer that is the default unit of pixels. widthand theHeightThe property is the width and height of the image, and the default unit is pixels. altproperty is the text that is displayed when the cursor is moved over the image.

2.

The flag is to Add a horizontal line to the HTML document. It can be used directly, with size,color,width , and noshade property.

The size is used to set the thickness of the horizontal line, and width is used to set the horizontal level, which is the default unit pixels. the noshade property is not assigned, but is added directly to the flag, which is used to add a horizontal line without a shadow, and the horizon will have a shadow without adding this attribute.

HTML and CSS and JS

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.