2.在HTML里打多个空格需要使用标签,一般标签有<;=<,
> => =空格
回车标签
有序列表,成组出现
<ol>
<li></li>
<li></li>
<li></li>
</ol>
在ol里加上type=~可以显示各种计数方式(1234,abcd,i ii iii iv)
在type="1"后加上=reversed="reversed"变成倒序
在type=“1”后加上start=“X”
表示排序从X开始
ol和li用处不广泛
3.<ul>
<li></li>
<li></li>
</ul>
比较常用
一个大的功能有很多个功能子项来组成,每一个功能子项的功能和样式基本都是相同的,只不过他们的内容有一点差异,很多个功能子项组成了一个大功能,这样的功能最好用<ul>和<li>来展示,因为其更符合天生的结构
4.<img src="">引号内写图片地址
这是个图片标签
地址获取:I 网上url II 本地的绝对路径 III 本地的相对路径
当网页地址和图片 地址完全相同时,也就是在同一个文件夹下,这时HTML和图片路径成相对关系这时两者称为相对路径
图片和HTML成相对关系时,在引号内直接写图片名称。
如果图片和HTML不在同一地址,那他两的关系就称为绝对关系。在绝对关系下要引入图片就要把图片地址写完整
alt=“”此编码可用于图片展示出错时添加图片描述 此编码叫做图片占位符。
tittle=“”叫做图片提示符,在光标移动到图片上时可以显示图片提示。
5.a标签(<a href></a>)可用于添加超链接,a标签中的属性herf(hyperText reference 超文本参考)在herf里面添加网站地址可以跳转到网站。注意:在herf中要写网站地址,在标签内也要写网站地址。
在标签内加入target=“”可以显示在新的网页中打开网址
a标签第二个作用,作为锚点,在网页中可以固定位置显示,向下或者向上滑动不会消失。
第三个作用可以当打电话用,具体操作,herf=“tel:XXXXXX”
也可发邮件,操作 herf=mailto:1010010@163.com
第四个作用,协议限定符,跟JavaScript有关
6.form标签,能发送数据 在form后加上method,method是发送数据的方式,在method后加上action=.....,省略号代表地址。例子:<form method="get" action="http://www.xxxx.com"
http://www.xxxx.com是后端的模拟地址
在form标签里加入<input>组件可以加入密码框和文本框,具体操作
<input type="text">
<input type="password">
添加提交按钮
<input type="submit" value="登录”>
value后写提交按钮上的diy文字
代码需要可读性和可维护性
<input type="radio" name="" value=“”>此代码可以生成一个单选框,如果有多个选项,每个选项的name后都填相同数据。在value后写上该选项的数据,才可以在点击单选后提交
(如果想生成一个复选框,将radio改成checkbox)
在input里加一个属性checked可以添加默认选中,具体操作checked="xxx"
最后一个组件<select>
展示如下:
<select name=XXX>
<option></option>
<select>
option可以是很多个
可以构成一个选项菜单
在select里写数据名和数据值
浏览器及其内核
IE trident
Firefox Gecko
Google Chrome webkit/blink
safari webkit
Opera presto
在HTML里写备注 control+?
html负责结构
css负责样式
JavaScript负责行为
css=cascading style sheet 层叠样式表
引入css
1.行间样式 在组件后加入style
2.在head里加上style标签(页面级css)
3.外部css文件
用外部css时要重新生成一个css文件,文件最好和html保持相对路径,在新的css文件里生成div{},在括弧里填充各种样式条件,然后返回html文件,在head里添加一个link标签,将herf设置成css文件名,在body里添加想要的div,就大功告成啦!
加载网页时,网页会边加载边展示,HTML文件和css文件同时加载(异步加载)
4.选择器
在html的div里起一个ID,在内容里随便写啥,
然后在css里输入#+ID的值就可以选择到那个div 这叫id选择器,而且不同的div不能有相同的id
class选择器
在div后加上一个class,在内容里面随便写啥,
然后在css里输入.加class的值,就可以选择到那个div,不同的div可以有相同的class,而且还可以叠加class
ID选择器优先级比class选择器高
标签选择器,在css里输入div{}可以选择所有的div标签
通配符选择器
在css里输入*{},可以选择页面里所有的标签
在css里加上[...]可以写一个属性选择器
优先级:
!important>行间样式>ID>class=属性>标签选择器>通配符选择器
css权重值是256进制
下堂课讲权重