Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
I'm currently new(ish) at HTML. What I'm trying to do is Make a centered "Hello!" That has the font of Georgia and the font color of purple. This is what I have right now:
<div style="<font face="Georgia" color="purple"">
<center><h1>Hello!</h1></center>
</div>
I'm not even sure if I'm doing it correctly, but right now it's hard to find an anwser without having to use CSS, and I have no idea how CSS works.
Yes, CSS is required. HTML just builds the layout and framework of the page, while CSS styles it and makes it visually appealing / formatting how the page fits with everything. You should learn CSS. It's an excellent language that fits with HTML, and it will be very useful for later website development. Also, the tags <font> and <center> have been obsolete, so you shouldn't waste your time using them. You should look at the documentation for up to date HTML5 tags. Learning CSS will make this process a whole lot easier.
CSS:
.hello {
color: purple;
font-family: Georgia, Times, Times New Roman, serif;
text-align: center;
}
HTML:
<p class="hello">Hello!</p>
Related
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 5 months ago.
Improve this question
I'm having issues with my process, since I'm a newbie in HTML-CSS.
The thing is...Whenever I begin my CSS codes I'm having some issues with the
text-align:
font-family
font-size
font-weight
they all seem too similar to me, sometimes I end up doing something that I didn't wanted to.
As an example, in this print
Anyway, I'm taking back all the study I had with CSS so that I can strengthen my knowledge.
I just wanted to share what I'm going through. A lot of things in the CSS seems the same to me and it's confusing!
So text-align determines whether your text is oriented at the left, right, or center of its container, much like the alignment feature on Microsoft Word. Font-family is what kind of font you're using (Arial, Times New Roman, etc.). Font-size is just that, how large your font is, while font-weight determines whether your font is bold or not.
If you want the 2 images to be side by side, rather than one on top of the other, I recommend setting the parent container's display property to flex and its flex-direction to row like this:
.parent-container{
display: flex;
flex-direction: row;
}
You can learn more about Flexbox at https://css-tricks.com/snippets/css/a-guide-to-flexbox/ I found this website invaluable when I was a CSS beginner.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I just started to work with HTML and I wanted to make a site which has got a colour on the upper side, an another colour on the lower side. I did some research, and I discovered that you got to work with divs. Can you make a nice div in HTML, or do you got to make a div in css (which does fit correct to my site)?
Create your divs in your body with id's
<div id="upper"></div>
<div id="lower"></div>
and then using css you can change some attributes such as color and size, for example in either an external css file or inside of style tags you can do this.
#upper {
background-color: blue;
width: 100px;
height: 100px;
}
#lower{
}
w3schools.com is a great resource for beginner web development, check it out.
Div is a html element. You can set its properties through css but a div doesn;t exsist in css. It is just a way to divide up section in html. Here is some basic information about divs.Divs Info
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
I'm a beginner to HTML and I'm trying to position text on my HTML page i am unsure if CSS is needed to position text on a page.
CSS is absolutely how you position and style any HTML elements. You can use simple tags, like <b> or <i>, for minor formatting. Unless you're only building a motherfucking website, you'll want to use CSS. If you run into problems, post specific issues in this forum.
great that you are diving into html !
Because this seems like a "basic" question and you've pointed out you are a beginner I'm just going to recommend some resources to learn more:
https://www.codecademy.com/ is a great source for learning code and it's free.
They have an html/css course right here
some others which offer basic html/css courses (not free):
https://www.codeschool.com/
https://teamtreehouse.com/
Have fun learning!
you can do like this
<b style="margin: auto; width: 13px; color: yellow; background-color: red;>Some text</b>
this is a very basic part of html :) good luck learning html and have fun coding :)
You do need CSS, however you can use styles in your HTML tags, but this should be very limited. For example
<div style="background-color: black; color: grey; margin: auto;">Some text</div>
or if you don't want to have a separate CSS file, you can use CSS in HTML like this:
Something
<style>
div {
background-color: black;
color: grey;
margin: auto;
}
In both cases you are using CSS only they are in your HTML file.
I STRONGLY encourage you to start learning CSS, as that is something you will need.
Wrap the content in <center> tags, so it looks like this: <center>..Content..</center>
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
Firefox renders special character too small. I compared in Chrome and Firefox.
You can check - http://jsfiddle.net/y23rwucp/
How can I do same size in all browsers using px:
font-size: 14px;
Thank you
Screenshot
P.S. I'm testing on Mac.
As the comments suggest, using dingbats (or any font not designed for this perpose) for this is not optimal. A proper replacement would be ×:
span{
font-size: 14px;
font-weight: bold;
}
<span>×</span>
You could also make a class and use the before. You can use this as simply
<span class="Times"></span> or put text in the span (required a tad more css)
.Times:before {
content:"\00d7";
font-weight: bold;
}
This might be worthy to add: Font Awesome does the same thing I just did with the :before, only they have a lot of icons. If you need various icons in your site, you might want to check this out.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
What is the difference between
<span style="text-transform: uppercase;">some text</span>
and
<span>SOME TEXT</span>
I mean both look exactly the same, but I have read somewhere that it is better to write the text normal in html and then set text-transform: uppercase; in CSS, but does it really make a difference? I know you can use text-transform: uppercase; if you want to automatically capitalize every first letter of all paragraphs on a page with pseudo-elements (:first-letter). I think it would even use more memory and processing/rendering time if you use text-transform: uppercase;.
From a design and content perspective, the CSS option is better.
For starters, you should always use CSS for appearance. HTML is only to describe and structure content.
Now imagine you have a special term on your site that you want in all caps, but tomorrow you decide it should be in small caps or initial caps. Which is easier to change: one line in a style sheet or x number of instances buried in text?
Using CSS today will make your life easier tomorrow.