查看: 449|回复: 0

[HTML代码] html入门以及css的学习的心理路程。

发表于 2018-4-5 08:00:01
*前言

学习这门学科之前,感觉是非常简单,往往现实都不是想象的那样。听老师教课的的时候感觉能听懂,基本上也完全掌握了,实际上做的时候,磕磕碰碰,浪费了大量的时间,因此我自从接触了这门学科了解到,不论是html还是其他计算机相关的科目时,都必须自己动手去做,脑子里必须要有一个整体的模板,思路要清晰,多做一些例子,基本上就完全可以随心应手的去设计想要的网站,不仅效率高,而且速度快。长话短说,接下来进入HTML的学习。

html的入门


<!~~ 令人醒目的标题~~ >


这是html的一个初步轮廓。接下来就是如何设计网站,首先接触的是文本标签。 # *1.文本标签* **标题标签** : h1~h6 标题是大到小 标题 标题 标题 标题 标题 标题 **水平线标签** :hr ,在水平面出现一条线
滚动标签: marquee: direction:滚动的方向 up down left(默认值) right behavior:scoll: 循环滚动 alternate:来回滚动 slide:只滚动一次 scollamount:滚动的速度 指定整数值 快乐 段落标签:p

中间输入段落内容

段落缩进 :blockquote
正常的段落模式,中间为内容部分。
原样输出标签:pre
  1. 中间不论有任何东西,哪怕是标签之类的都可以显示出来。
复制代码
上下标标签:sup sub 列表标签: 有序列表: ol li(列表项) ol默认的属性type:默认的属性值"1" 无序列表 ul li(列表项) ul 默认的属性type:默认的属性值:"disc"在html中常见的转义字符 空格: 版权所有:? 显示内容:? 注册商品:? 显示内容:? 列表标签: 有序列表: ol li(列表项) ol默认的属性type:默认的属性值"1" 无序列表 ul li(列表项) ul 默认的属性type:默认的属性值:"disc" # * 2.图像标签* img标签 属性: src:导入图片的路径 width:图片的宽度 1)指定固定大小 px(像素) 2)百分比 height:图片的高度 title:鼠标悬浮在图片上会显示文字 alt:替代文本,当图片加载失败的时候,替代文本就会起作用 这是一个手机图片 # 3.超链接标签。 超链接标签:a标签 常用的属性: href:连接资源地址(URL)或者资源文件 ** target:打开资源的方式:1)_self:当前窗口直接打开 2)_blank 新建窗口打开 **这个要特别注意看是否重新打开一个界面。 常见的协议: file:// 文件协议:打开本地文件的协议 http:// ---hosts文件中找是否有ip对应的域名,找不到---调用网卡进行联网 会在网络运营商(DNS) ---- 找到就访问百度服务器 --- 返回给用户首页 thunder:// 迅雷协议 mailto: 邮件协议 超链接的作用: 1)可以连接资源文件 2)可以作为锚链接来使用 A:方式1: 针对在同一个html页面下 a:打锚点(标记) b:创建跳转链接 跳转 B:方式2:在不同html页面的使用 a:在另一个页面的某个位置打锚点(标记) b:在当前页面下创建跳转链接 跳转 总体来说,超链接就是打一个锚点,然后就可以创建连接! # 4.表格标签 表格标签:table 表格要有效果: 属性: border:边框 align:表格在浏览器中对齐方式 with和height:宽度和高度 行标签:tr 列标签:td 表头标签:th 自动居中 加粗 单元格的合并: 行合并:rowspan 列合并:colspan # 5.表单标签 表单标签:form标签 action:必须写 提交的地址 method:提交方式 get post 两种方式的区别"text" name属性必填:用来给系统后台标记 密码输入框:type=“password” 单选框:type="radio" name:将性别数据看成同一组信息,在这一组中只能选出一个选项。 复选框:type="checkbox" name:将性别数据看成同一组信息,在这一组中,可以选出多种选项。 文本域:textarea rows:属性:有多行 cols:一行有多个字符 提交按钮:type="submit"提交 type="reset"重置 type="button" onclick="testClick()"