必知HTML基础有哪些-成都快上网建站

必知HTML基础有哪些

小编给大家分享一下必知HTML基础有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联建站专业提供双线服务器托管服务,为用户提供五星数据中心、电信、双线接入解决方案,用户可自行在线购买双线服务器托管服务,并享受7*24小时金牌售后服务。

一、必知HTML基础-CSS教程系列

在学习CSS制作知识之前,我们必须需要认识的HTML什么基础知识。

1、搞清浏览器作用    -   TOP

浏览器主要作用是浏览网页作用,在DIV+CSS制作开发时候仍然是浏览我们制作开发重构网页作用。浏览器可测试我们开发的CSS网页兼容性、网页效果、因开发疏忽导致错误等作用。

在CSS测试(CSS工具)里常用浏览器包括IE6、IE7、IE8、火狐(FF)、谷歌(chrome)、苹果Safari、Opera主流浏览器。至于傲游、360浏览器因为他们使用你系统自带的IE内核,所以不必考虑,只要支持你浏览器版本即支持类似这2款浏览器。

2、搞清什么是HTML    -   TOP

html是hypertext markup language的缩写,即超文本标记语言。可以这样理解,HTML文件是一定规则规律以html\htm等命名后缀名的文本文件。

与我们记事本区别,html文件里源代码有一定规则语法的英文代码。

3、html作用    -   TOP

HTML作用,通过一定html自身语法结构(html结构),显示文字、图片、动画(flash)、视频或音频音乐。而CSS则是配合html实现漂亮的各式各样的页面内容。

4、html我们涉及哪些基础知识    -   TOP

Html扩展名、html源代码、DOCTYPE、html结构、head标签、charset

5、常见html单词及单词功能作用有哪些    -   TOP

a、B(strong):加粗
实例:我被加粗我也被加粗 两个加粗属性相同、用法相同
CSS 加粗:http://www.创新互联.com/rumen/r122.shtml

b、P:换行
实例:

我是第一段内容

我是第二段内容

c、Br:提行
实例:我是第一排
我是第二排内容

P与br区别用法:http://www.创新互联.com/html/h78.shtml

d、px:像素、长度宽度单位
实例:width:30px; 宽度30像素
了解像素单位:http://www.创新互联.com/html/h89.shtml

e、ul、ol、li列表标签
实例:

     
  • 列表一
  •  
  • 列表二
  •  
  • 列表三
  •  
 
     
  1. 列表一
  2.  
  3. 列表二
  4.  
  5. 列表三
  6.  

两个都是列表组,区别是ul为无序列表\OL为有序列表
更详细css li介绍:http://www.创新互联.com/shili/s31.shtml

f、div与span:都是html标签
实例:

我占一行
我多长占多长位置
两者区别:DIV占用1整排,而SPAN所占位置是内容多少占用多长长度
DIV span区别:/upload/otherpic60/67043.jpg" />图片标签

h、dl dt dd:CSS的另类表格组合
实例:

 

我是标题

列表一

列表二

dl dt dd详解:http://www.创新互联.com/html/h88.shtml

j、title:标题标签
实例:标题
特点,在一个网页内只能使用一次(只能出现一次)
Title标签:http://www.创新互联.com/html/h224.shtml
以上为常见的html标签及单词,更多HTML标签:http://www.创新互联.com/html/h210.shtml

6、html结构    -   TOP

这里Html结构可用于每次新建制作网页模板使用。
旧html结构:

 



DIVCSS5标题


具体网页呈现内容

经过CSS教程网的DIVCSS5优化后的HTML结构(可用于每次新建HTML模板):

 



标题





内容www.创新互联.com提供


7、html与CSS关系    -   TOP

搞清楚html与CSS关系很重要,也是认识CSS基础。
html与CSS关系解释:HTML内放置显示网页要显示的具体内容(图片、文字、动画等)而CSS是控制HTML内这些具体内容的怎么显示、怎么排版、颜色、大小、宽度、高度、左右布局等显示样式。

以上是“必知HTML基础有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


分享题目:必知HTML基础有哪些
文章源于:http://kswjz.com/article/jsoeph.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流