豆子最近在学前端的基础知识,主要包括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 
,等等是设置字体的大小,数字越小,字体越大;当然也可以通过style来指定大小

跳转1 跳转2 第一章 第二章 第三章第一章内容第二章内容第三章内容
标签是跳转,可以通过href指定跳转的对象,这个对象可以是一个网页的Url,也可以是其他标签的
如果不指定target=_blank, 会从当前tab跳转,否则新开一个tab页面跳转

例3 嵌套div

例4 表格和各种输入框
- 文本框很直接,就是输入值 
- 密码框,邮箱自动隐藏密码和判断邮件格式; 
- 单选框,复选框都是通过指定name联系在一起 
- 下拉列表框可以指定默认的选项,调整大小,甚至通过 
- 所有的这些数据可以通过form的submit来提交给后台, form的属性比较重要的是action,这个是提交给哪个url,method,这个分为get和post,get会在url后面显示提交的内容,而post会隐藏这些内容 

例5:列表
- 1asdfasdf1
- 2asdfasdf
- 2asdfasdf
- 1asdfasdf1
- 2asdfasdf
- 2asdfasdf
- DT
- dd
- dd
- dd
- DT
- dd
- 和
- 是星点隔开;
- 和
- 是数字隔开;
- 和
- 是缩进格式隔开
 
 
  - 列6 表格 - 标题一 - 标题二 - 内容一 - 内容二 - 内容三 - 内容三 - 内容一 - 内容二 - 内容三 - 内容三 - 内容一 - 内容三 - 内容三 - 内容一 - 内容二 - 内容三 - 内容三 
 - 第一列 - 第二列 - 第三列 - 第四列 - 第一列 - 第二列 - 第三列 - 第四列 - 第一列 - 第二列 - 第三列 - 第四列 - 注意事项: - 里面分和,前者是标题,后者是内容; - 是一行; - 是列, - 是自动加粗的标题 - 横跨可以指定 colspan的属性,竖跨可以指定rowspan的属性  - 例7 iframe - sina - 另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。 
 网站题目:HTML基础和实例-创新互联
 当前URL:http://www.cqwzjz.cn/article/cdphgo.html
 

 建站
建站
 咨询
咨询 售后
售后
 建站咨询
建站咨询 
 