十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
豆子最近在学前端的基础知识,主要包括Html, CSS, Javascript, Dom, JQuery等内容。豆子没打算做专业的前端开发,不过学会一些常见的界面设计,对于学习Python的web框架还是很有必要的。这篇博客通过各种简单例子的迅速过一遍HTML的常见使用。
创新互联是专业的江华网站建设公司,江华接单;提供网站设计制作、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行江华网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!例1. 首先看看标签的内容
老男人
里面指定字符集,IE兼容模式
显示标题的图标
效果如下:
例2:里面一些常见的标签
1212
标签分为内联标签和块级标签,比如
<a b>
< 小于符合; >大于符号;   空格
asdfuo
iuasdkfjlkjasdfkj
alskdjfas;dlfjasdfuoiuasdkfjlkjasdfkjalskdjfas;dlfj
asdfuoiuasdkfjlkjasdfkjalskdjfas;dlfj
是段落标签,他和直接敲文字的区别是他可以自动换行,如果要手动换行,可以通过
实现
a
a
a
a
a
a a
跳转1 跳转2 第一章 第二章 第三章第一章内容第二章内容第三章内容
标签是跳转,可以通过href指定跳转的对象,这个对象可以是一个网页的Url,也可以是其他标签的
如果不指定target=_blank, 会从当前tab跳转,否则新开一个tab页面跳转
例3 嵌套div
asdfasdfasdfas\asdf
例4 表格和各种输入框
文本框很直接,就是输入值
密码框,邮箱自动隐藏密码和判断邮件格式;
单选框,复选框都是通过指定name联系在一起
下拉列表框可以指定默认的选项,调整大小,甚至通过
所有的这些数据可以通过form的submit来提交给后台, form的属性比较重要的是action,这个是提交给哪个url,method,这个分为get和post,get会在url后面显示提交的内容,而post会隐藏这些内容
例5:列表
列6 表格
标题一 | 标题二 | ||
---|---|---|---|
内容一 | 内容二 | 内容三 | 内容三 |
内容一 | 内容二 | 内容三 | 内容三 |
内容一 | 内容三 | 内容三 | |
内容一 | 内容二 | 内容三 | 内容三 |
第一列 | 第二列 | 第三列 | 第四列 |
---|---|---|---|
第一列 | 第二列 | 第三列 | 第四列 |
第一列 | 第二列 | 第三列 | 第四列 |
注意事项:
是列, | 是自动加粗的标题 横跨可以指定 colspan的属性,竖跨可以指定rowspan的属性 例7 iframe
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。 新闻名称:HTML基础和实例-创新互联 转载来于:http://6mz.cn/article/cdphgo.html |
---|