Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 3 years ago.
Improve this question
I am a beginner trying to learn HTML. I have just set up my Web Development environment (I am using Visual Studio Code for reference). Although I have written text, on my HTML file, when I copy the path and paste it to my browser, it opens up to an empty page.
The HTML code is shown below:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>ASL Investment Club</h1>
</body>
</html>
<!-- /Users/robertg21/Visual Studio Code Projects/hello_html/index.html -->
I am unsure of whether this is an error with the file itself, or the path (shown above) I am using (or maybe even the browser itself). I would be very grateful if anyone had any solutions on how to fix this.
EDIT: My bad, the file wasn't saved in advanced and therefore didn't render any text. I am sorry for the inconvenience caused.
You can save your file and open it by your browser, and you can open it directly.
I have added the screenshot below.
Related
This question already has answers here:
Some Emmet abbreviations in VSC not working, like '!' or using '*'
(8 answers)
Closed 7 months ago.
When I create an HTML file in VS Code and type !, it automatically types the default template for me.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
However, I don't know why but it does not work right now. I can still type html:5 in the new HTML file to auto-fill the template; although I find myself simply typing ! is easier, I want to recover the feature. How can I do it?
It caused by the VSCode update 1.69...I think Microsoft will restore the "bug"(someone may thought it isn't a bug)
I met this problem yesterday, it needs to set emmet.TriggerExpansionOnTab and emmet.UseInlineCompletions to true
but it can't perform like before, after press !, you need press Tab to autocomplete it
I get this from VSCode github issue page: here
First off, sorry to be asking this as I know it's a common question/problem brought up on here - but after researching and looking at the other threads and trying to apply those solutions I'm still at a loss. Hoping that by posting my code I can get the help I need. Thank you in advance.
As it says in the subject line I cannot get the .css file to link to the .html file. I'm a few days into learning via modules on LinkedIn and this code actually comes from one of those modules, making it more confusing that it's not working. Both the html and css file are in the same folder on my desktop, and I've quadruple checked that the .css file is the correct name. Here's the top part of the code with the problem area:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mat Alano-Martin Test Page</title>
<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 months ago.
Improve this question
So When I view my site on my phone it shows the desktop version, but If I request the desktop version when I'm on my phone it will show me the mobile version (scale to my phone.)
I have the tag <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> Which I thought would work.
Here is the code and the site.
Site Page
html
css
If you need any more info the help me with this please comment.
I think if you remove maximum-scale=1.0 then it might work. In real I am unable to understand what your question is
Ok, I have managed to fix it.
This tag is the problem
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
The reason why is my sites css has a fullscreen element to it.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I have been using twitter bootstrap for responsive purpose.Responsive works well when i check by resizing browser but when i check on phone responsive does not works !!!
Seeking a good response regarding this issue - Thanks in advance
You should add this in your header to work correctly in phone.
<meta name="viewport" content="width=device-width" />
I think you missed this,Add this to your HTML head
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 8 years ago.
Improve this question
I have this problem that is driving me crazy:
When hosted on my server the document prints this code even though it is not on file
<style type="text/css"></style>
On local it doesn't appear.
How is it happening?
See it in action: http://fine.tv.br/phantom.html
What you are seeing is generated by the browser, and not by the server. When viewing what actually comes back by the server, you get this:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Toca do Bandido</title>
</head>
<body>
</body>
</html>
Browsers take all kinds of liberties with your returned markup, and will fix unclosed tags, add missing tags, and normalize the HTML before rendering it.
I suspect you are using the DEV tools in your browser of choice instead of using "View Source"