HTML Frames: Main Tips
- The HTML
<frame>
 tag defined one particular frame within a web page or a <frameset> element. - Applying HTML frames element is not recommended: use <iframe> as an alternative.
![DataCamp DataCamp](https://assets.bitdegree.org/online-learning-platforms/storage/media/datacamp-logo-5f96bfc70113e.o.png)
Pros Main Features
- Easy to use with a learn-by-doing approach
- Offers quality content
- Gamified in-browser coding experience
- The price matches the quality
- Suitable for learners ranging from beginner to advanced
- Free certificates of completion
- Focused on data science skills
- Flexible learning timetable
![Udacity Udacity](https://assets.bitdegree.org/online-learning-platforms/storage/media/udacity-review-logo-small.o.png)
Pros Main Features
- Simplistic design (no unnecessary information)
- High-quality courses (even the free ones)
- Variety of features
- Nanodegree programs
- Suitable for enterprises
- Paid Certificates of completion
![Udemy Udemy](https://assets.bitdegree.org/online-learning-platforms/storage/media/udemy-logo-small.o.png)
Pros Main Features
- Easy to navigate
- No technical issues
- Seems to care about its users
- Huge variety of courses
- 30-day refund policy
- Free certificates of completion
How frame Was Used
The <frame>
tag declared an area for displaying another HTML file. Not supported in HTML5 anymore.
Example
<frameset cols="70%, 30%">
<frame src="main.html">
<frame src="copyright.html">
</frameset>
frameborder
Sets the visibility of frame border. 0
means hide, 1
means show.
Example
<frameset cols="30%, 20%, 50%">
<frame src="demo.html" frameborder="0">
<frame src="main.html" frameborder="0">
<frame src="links.html" frameborder="1">
</frameset>
longdesc
Specifies the link for a long description of the content inside a frame.
Example
<frameset cols="60%, 40%">
<frame src="demo.html">
<frame src="main.html" longdesc="mainData.txt">
</frameset>
marginheight
Sets margin values for top and bottom of the frame (different from other HTML frames).
Example
<frameset cols="20%, 80%">
<frame src="demo.html" marginheight="20">
<frame src="main.html" marginheight="40">
</frameset>
marginwidth
Sets margin values for left and right of the frame, different from other HTML frames.
Example
<frameset cols="30%, 70%">
<frame src="contact.html" marginwidth="60">
<frame src="main.html" marginwidth="10">
</frameset>
name
Sets the name for elements of HTML frames.
Example
<frameset cols="30%, 30%, 40%">
<frame src="preview.html" name="preview">
<frame src="demo.html" name="demo">
<frame src="main.html" name="main">
</frameset>
noresize
Defines that a particular frame cannot be resized.
Example
<frameset cols="50%, 50%">
<frame src="host.html">
<frame src="learn.html" noresize="noresize">
</frameset>
scrolling
Defines if the content within a frame can be scrolled or not.
Example
<frameset cols="40%, 60%">
<frame src="frame.html">
<frame src="learn.html" scrolling="auto">
</frameset>
src
Specifies the link to a document served as the content of a frame.
Example
<frameset>
<frame src="http://bitdegree.org/frame.html">
<frame src="http://bitdegree.org/main.html">
</frameset>
Browser support
![Browser image](https://www.bitdegree.org/learn/assets/browsers/chrome-logo.jpg)
Chrome
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/edge-logo.jpg)
Edge
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/firefox-logo.jpg)
Firefox
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/ie-logo.jpg)
IE
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/opera-logo.jpg)
Opera
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/safari-logo.jpg)
Safari
All
Mobile browser support
![Browser image](https://www.bitdegree.org/learn/assets/browsers/chrome-logo.jpg)
Chrome
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/firefox-logo.jpg)
Firefox
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/opera-logo.jpg)
Opera
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/safari-logo.jpg)
Safari
All