HTML基础和实例-创新互联

豆子最近在学前端的基础知识，主要包括Html, CSS, Javascript, Dom, JQuery等内容。豆子没打算做专业的前端开发，不过学会一些常见的界面设计，对于学习Python的web框架还是很有必要的。这篇博客通过各种简单例子的迅速过一遍HTML的常见使用。

创新互联是专业的江华网站建设公司，江华接单;提供网站设计制作、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行江华网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

例1. 首先看看标签的内容

里面指定字符集，IE兼容模式
显示标题
显示标题的图标
效果如下：

例2：里面一些常见的标签

标签分为内联标签和块级标签，比如

就是块级，可以看见颜色是应用到整行，就是内联标签，颜色只是应用到文字上面。

HTML 基础和实例


        <a b>

< 小于符合； >大于符号；空格

asdfuoiuasdkfjlkjasdfkjalskdjfas;dlfj

是段落标签，他和直接敲文字的区别是他可以自动换行，如果要手动换行，可以通过
实现

HTML 基础和实例

，

等等是设置字体的大小，数字越小，字体越大；当然也可以通过style来指定大小

HTML 基础和实例

第二章内容

第三章内容

asdfasdf

asdf

asdfas\ asdf

用户名：

密码：

邮箱：

性别(单选框)：男女

爱好（复选框）：男1 男2 男3 男4 男5

城市：

文件：

备注：

1asdfasdf1
2asdfasdf
2asdfasdf

1asdfasdf1
2asdfasdf
2asdfasdf

DT: dd; dd; dd
DT: dd

标题一标题二内容一内容二内容三内容三内容一内容二内容三内容三内容一内容三内容三内容一内容二内容三内容三第一列第二列第三列第四列第一列第二列第三列第四列第一列第二列第三列第四列

HTML基础和实例-创新互联

a

a

a

a

a

，

等等是设置字体的大小，数字越小，字体越大；当然也可以通过style来指定大小
跳转1 跳转2 第一章第二章第三章第一章内容

sina

其他资讯

HTML基础和实例-创新互联

a

a

a

a

a

，

等等是设置字体的大小，数字越小，字体越大；当然也可以通过style来指定大小 跳转1 跳转2 第一章 第二章 第三章 第一章内容

sina

其他资讯

等等是设置字体的大小，数字越小，字体越大；当然也可以通过style来指定大小
跳转1 跳转2 第一章第二章第三章第一章内容