Science topics: Computer Science and EngineeringTheory of ComputationFormal LanguagesMarkup LanguagesHTMLHTML/CSS
Science topic

HTML/CSS - Science topic

Explore the latest questions and answers in HTML/CSS, and find HTML/CSS experts.
Questions related to HTML/CSS
Reema Ahmad
Reema Ahmad
  • asked a question related to HTML/CSS
How can we become a full stack developer ( front-end)??
Question
5 answers
  • 23 Nov 2023
The full stack developer contains set of programming languages ( HTML, CSS, Bootstrap, JavaScript, jQuery, SQL and PHP) in term of the front end part
How can we combine these languages together to become a full stack developer as a project code ??
Relevant answer
  • 25 Nov 2023
Answer
Overview of how you can use each language:
1. HTML (Hypertext Markup Language): HTML is used for creating the structure and content of web pages. You can use HTML to define the layout, headings, paragraphs, forms, tables, and other elements of your web application.
2. CSS (Cascading Style Sheets): CSS is used for styling and formatting HTML elements. You can use CSS to define the colors, fonts, spacing, positioning, and overall visual presentation of your web pages. It allows you to create visually appealing and consistent designs.
3. Bootstrap: Bootstrap is a popular front-end framework that provides pre-designed CSS and JavaScript components. It simplifies the process of building responsive and mobile-friendly web interfaces. You can incorporate Bootstrap's CSS classes and JavaScript plugins into your project to enhance the user interface and improve the overall user experience.
4. JavaScript: JavaScript is a programming language that adds interactivity and dynamic behavior to web pages. You can use JavaScript to handle user interactions, perform client-side validations, manipulate HTML and CSS elements, make AJAX requests to the server, and implement other interactive features.
5. jQuery: jQuery is a JavaScript library that simplifies the process of working with HTML documents, handling events, manipulating the DOM (Document Object Model), making AJAX requests, and creating animations. It provides a concise and easy-to-use syntax, making common JavaScript tasks more efficient.
6. SQL (Structured Query Language): SQL is a language used for managing and querying databases. As a full stack developer, you may need to interact with a database to store and retrieve data. You can use SQL to create, read, update, and delete data from relational databases.
7. PHP: PHP is a server-side scripting language often used in web development. It can be used to handle form submissions, process data, interact with databases, and generate dynamic content. PHP is commonly used in combination with HTML and JavaScript to create dynamic web applications.
To combine these languages, you can organize your project code into separate files and directories based on their respective languages. For example, you can have HTML files for the structure and content of your web pages, CSS files for styling, JavaScript files for interactivity, jQuery library files, SQL scripts for database operations, and PHP files for server-side processing.
You can link these files together in your HTML files using appropriate tags and syntax. For example, you can include CSS stylesheets using the `<link>` tag, JavaScript files using the `<script>` tag, and jQuery library using a CDN (Content Delivery Network) or local file reference.
Furthermore, you can establish connections to databases using PHP and execute SQL queries to fetch or update data. PHP can generate dynamic HTML content based on the retrieved data, which can be displayed on the user's browser.
Hope it helps:credit AI
View
  • 4 Recommendations
Sheikh Sunzid Ahmed
Sheikh Sunzid Ahmed
  • asked a question related to HTML/CSS
Should I learn web development as a beginner bioinformatician?? Will it help in long term development??
Question
5 answers
  • 9 May 2023
Dear Scientists
I have complete my masters focusing on Drug design and Vaccine Design In Silico. I am highly interested in developing bioinformatic tools (Web Based) for my own use, for example my own docking software/ web tools.
I have learned python as a beginner. How may I progress?? What programming language should I emphasize?? Do I need to learn HTML, CSS, Bootstrap, Jquery, Javascript, Node, React, MySQL, Php, MongoDB etc for full stack web development?? Please share your insights, thanks.
Relevant answer
  • 18 May 2023
Answer
focused on your project development, create idea and deploy your work in python Flask and DJANGO framework which is most using web development framework in these days.
View
  • 10 Recommendations
Aless Hosry
Aless Hosry
  • asked a question related to HTML/CSS
Can we consider any software connected to an external web service, a Multi-Langue-Software-Application ?
Question
9 answers
  • 22 Nov 2022
Hello,
My research focuses on analysing software applications that are written using multiple programming languages at the same time; So in summary Multi-Languages-Software-Application (MLSAs) analysis.
In such cases, solutions may be developed using some frameworks such as:
  • GWT (Java-XML)
  • Android framework (Java-XML)
  • Angular(Typescript, HTML, CSS)
Or just a combination of languages like: HTML CSS and Javascript for web development.
My question is: Whenever we have an application that is developed using mono-language, at the same time is calling an external web service using the HTTP/HTTPS protocol, can be considered as part of MLSAs ?
Your opinions are appreciated
Relevant answer
  • 24 Nov 2022
Answer
It depends.
First of all i would say HTML and CSS are not programming languages per definition, you are not able to write programms with them, they only add a layer to display/structure data.
If for example a webapplication frontend comunicates with an API written in PHP as it's backend, then the API could be considert as part of the application. If you use an external service like Deepl for example than Deepl is not part of the application, it is an *external* service.
View
  • 15 Recommendations
Rasheed Omobolaji Alabi
Rasheed Omobolaji Alabi
  • asked a question related to HTML/CSS
HOW CAN I INCLUDE A MATLAB PRE-TRAINED NEURAL NETWORK ON A WEBSITE (built on HTML, CSS and Javascript code)?
Question
6 answers
  • 30 Apr 2018
I actually used MATLAB neural network (Feedforwardnet).
The network has been trained with my data and it worked fine.
I will like others without MATLAB to use the trained network for their own predictions. Therefore, I built a website for this task.
My question is how do I include my trained network on this newly built website so that the user without MATLAB can make predictions through this webpage.
Thanks
Relevant answer
  • 7 May 2018
Answer
This isn't an answer to how to use a matlab in the browser, but it could be relevant. Have you heard of tensorflowjs? I don't know much about it but, apparently you can deploy and even train models in the browser using javascript.
https://js.tensorflow.org/
View
  • 3 Recommendations
Nazar Al-Wattar
Nazar Al-Wattar
  • asked a question related to HTML/CSS
Are there any Java Script codes to deal with pictures on an HTML page?
Question
9 answers
  • 18 Nov 2014
Could anyone give me some tips or codes to enlarge pictures and open them in a new window using programming language/JavaScripts codes with HTML and CSS?
Relevant answer
  • 30 Jun 2017
Answer
You can manipulate an <img> through the same DOM API as you would any other html tag
View
  • 0 Recommendations
Sardor Mavlyankariev
Sardor Mavlyankariev
  • asked a question related to HTML/CSS
How does an html or CSS algorithm in a script look like for creating vertically-aligned menus?
Question
6 answers
  • 9 Feb 2016
My question is related to web desing, specifically programming by html or CSS (Cascading Style Sheets). 
I need to create a simple menu: suppose there is a  letter A, and when you click on it, a menu (not drop-down, but a stable one) should appear offering choices B and C (in a vertical hierarchy). Repeated clicking on A should hide B and C back. What would be the concrete algorith for that in html or CSS? If these programming languages are not suitable for this kind of task, can you suggest the most appropriate tool for creating such menus? 
I looked for such script algorithm in web designers' blogs thoroughly, but was not successful. 
Relevant answer
  • 10 Feb 2016
Answer
Dear Mr. Sardor Mavlyankariev,
JQuery is easier and more effective.
Please check the links:
http://stackoverflow.com/questions/2960741/vertical-navigation-that-shows-hidden-submenu-on-click-using-jquery
http://stackoverflow.com/questions/29802818/show-hidden-submenu-onclick-jquery
View
  • 9 Recommendations
Malika Eman
Malika Eman
  • asked a question related to HTML/CSS
In CSS (Cascading Style Sheet), how does 'cascading' actually work?
Question
10 answers
  • 22 Nov 2014
Sometimes, there are many rules for implementing a specific code of HTML. However, cascading decides which code should be implemented. Now my question is, how does cascading actually work here?
The Inherit method is considered very strong in this regard.
So,
1st.. it'll follow inline or Inherit from parents
2nd.. In page (Internal CSS) or Import
3rd.. External CSS
will it take the same sequence to follow?
Relevant answer
  • 25 Nov 2014
Answer
CSS is full of "gotchas", particularly how things cascade. The official specification regarding cascades and inheritance is here:
http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html
Some things to be aware of are:
1). Inheritance in CSS is property specific. For example, the "color" property is inherited by default, whereas the "border" property is not. Either learn these by trial and error or look up the default inheritance for each property. See:
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference
2). How a property is applied can be modified by the keywords: "inherit", "initial" and "unset". Try to avoid these where possible as they usually end up costing more time than they save. See:
https://developer.mozilla.org/en-US/docs/Web/CSS/inherit
https://developer.mozilla.org/en-US/docs/Web/CSS/initial
https://developer.mozilla.org/en-US/docs/Web/CSS/unset
3). Where two properties end up competing for the same node in the DOM, precedence is assigned based on the specificity of the selector. For example, p.name {} is more specific than p {} so p.name {} will override p {}. See: 
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
4). Where two properties end up competing for the same node in the DOM and there is no difference in selector specificity, the winner is determined by the order of reading by the browser. The official spec calls for imported stylesheets to be read first (in the order imported), then <style> tags in document order, then inline styles. See:
http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#cascading-order
5). Use of the "!important" qualifier causes all competing properties to be overridden (even inline styles). For a CSS beginner, it can be very tempting to use "!important" out of frustration. By all means use it when trying things out, but don't leave it in your final product. See:
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
6): Be aware of "all:" being used with inheritance modifiers. Eg, "all:initial;". Again, this is one of those things that people tend to use out of frustration but often causes more trouble downstream. Best to track down what's actually going wrong and build a clean stylesheet rather than rely on overrides. See:
http://mcc.id.au/blog/2013/10/all-unset
Finally, I strongly recommend debugging CSS with something like Firefox Developer Edition. See:
https://www.mozilla.org/en-US/firefox/developer/
Open up the inspector and modify styles on the fly to see what happens. It will also show you exactly how styles are cascading and where overrides are coming from. This is the best way to learn while keeping MDN in the background for when you really get stuck.
Then when you encounter the worst part of CSS (the part I haven't even mentioned yet), which is cross-browser compatibility, consider throwing it all in the bin and making the move to Sass or LESS ;-) These frameworks take care of all the nonsense for you, regarding cross-browser consistency, while also providing some neat syntactic sugar.
View
  • 10 Recommendations