Current location - Plastic Surgery and Aesthetics Network - Jewelry brand - How to make css and web pages
How to make css and web pages
How to make CSS quickly and intuitively

It is suggested to use third-party tools to make CSS quickly and intuitively. The suggestions are as follows: 1. The visual production tool of bootstrap: Jetstrap;

Jetstrap is a visual design tool based on Bootstrap front-end framework. The web page 100% made by Jetstrap conforms to the Bootstrap standard. For example, if you design a page on a computer, it will automatically adapt to the mobile phone and Pad (responsive design).

2.Bootstrap visual editor tool -LayoutIt

A few simple drag-and-drop operations can make a beautiful TwitterBootstrap website. Yes, LayoutIt is a TwitterBootstrap interface generator, which can help you quickly make a website and interface model and download the generated website code.

3.Bootstrap visual production tool: bootswatchr

Bootswatchr is a visual tool for creating custom boot themes. The biggest convenience is that we can modify css or html code on the left, and then the modified result will be displayed directly on the right. More importantly, it is a cool website for online editing and free generation of guidance topics.

DW web page making code?

Hypertext markup language

Source code management method of dreamweaver making web background;

1. First, open Dreamweaver software, create new sites and html files, and save them.

2. Then open the homepage of the website you want to learn, such as "Chanel China official website", then right-click on the webpage and select "View Source Code" to view the source code of the homepage of the website.

3. Then switch Dreamweaver to the code page, copy the code to be applied on Chanel homepage and paste it into the code page.

4. modify and replace what you want, such as "title >;"; Chanel official website: Fashion Boutique, Perfume, Makeup, Wristwatch, High-end Jewelry /title > "The text is in

How to make a box with html code?

For table labels, tr represents rows and td represents columns. This is an example of a 2-row 2-list cell.

table border = " 1 " & gt;

tr & gt

td & gtcontent 1/TD & gt;

Td> content 2/TD >

/tr & gt;

tr & gt

Td> content 3/TD >

Td> content 4/TD >

/tr & gt;

/table & gt;

How to make the leftmost picture and rightmost text in html?

Divide it into two pieces, the block package diagram on the left and the block package word with edges, and then float, so that you can achieve your effect.

How to switch multiple html images back and forth?

1. Create a picture with img tag and set its id to pic.

2. In the js tab, create a variable I and set it to 1. At the same time, use the setInterval () method to execute the function method every second.

3. In the function method, the variable I is added by itself. If I is greater than 2, it will be changed back to 1, so you can only switch back and forth between 1 and 2. Then the image object is obtained by id, and the path of the image is changed by src attribute to realize the image switching.

How to make a simple table in an html page?

HTML to make a simple table. Please refer to the following:

1. First create a new html, and then click body & gt/body & gt;; In the middle, fill in the form first:

2. The content can be written according to the requirements. The sample code is as follows:

Table & gt

P> worksheet/p >

tr & gt

Th> Chinese/th >

td & gt7:00-7:40/TD & gt;

td & gt7:50-8:30/TD & gt;

/tr & gt;

tr & gt

Th> mathematics/th >

td & gt7:00-7:40/TD & gt;

td & gt7:50-8:30/TD & gt;

/tr & gt;

tr & gt

Th> English/th >

td & gt7:00-7:40/TD & gt;

td & gt7:50-8:30/TD & gt;

/tr & gt;

/table & gt;

3. Then in the head & gt/head & gt;; Enter the style of the style sheet in the middle, as shown below:

4. You can also set styles according to your personal needs, such as setting the width and height of cells, merging cells, location, color, etc. The sample code is as follows:

styletype="text/css " >

body

{

Width: 340px

Height: 800px

}

table

{

Border-Collapse: Collapse;

}

th,td

{

Width:100px;

Height: 40px

border: 1pxsolidblack;

font-size: 12px;

Text alignment: centered;

}

/style & gt;

5. Note that the code "table is table" means to merge table borders into a single border to merge adjacent modifications.

6. The preview result is shown in the figure below, a simple HTML table.