HTML学习记录

来源:互联网 发布:被子品牌推荐知乎 编辑:程序博客网 时间:2024/05/23 01:12
网页:动态网页跟静态网页
静态网页:指浏览器不与服务器发生交互,但是在网页中可能会包含各种动态效果
动态网页:不仅包含HTML标记还包含需要在服务器上执行的程序代码。动态网页网址中通过符号?表明查询
1标记:双标记标记:双标记<>  </> 单标记<br>
2属性:出现在开始标记里面之前>  属性/值
3文件的书写规范
  标记跟属性不分大小写
  任何空格跟回车在代码中都无效,插入空格&nbsp 换行<br>
  标记中不要出现空格,否则浏览器可能无法识别
  标记中的属性值要使用双引号或单引号括起来
 4 建立HTML文件
 标题<hn>
 粗体<b>
   列表
 有序列表<ol>
 1.
 2.
 3.
 无序列表<ul>
 有序列表 type属性
 <ol type=“” start=“” 可以1,A ,a,i(小写罗马数字),I(大写罗马数字)>
 无序type属性值说明
 disc(实心圆点(默认))
 circle(实心圆圈)
 Square(方形)
 <li>列表信息</>
 自定义列表<dl>
 <dl>
 <dt>名称</dt><dd>说明</dd>
 </dl>
 eg:
 <dl>
    <dt>用户名</dt><dd>6个字符</dd>
    <dt>密码</dt><dd>区分大小写</dd>
</dl>
多媒体


图像标记<img>嵌入图像,该标记含有多个属性。
属性名 说明
src 图像地址 必须属性 指定路径 路径可能是相对也可以是绝对的
alt                     添加图像的替代文字  作用:一:图像下载完成后会手标移动会显示文字,
二:图片没有被下载,文字起解说的作用。

width/heigh 设置图像的宽度跟高度
border 设置图像边框 可增加可去掉(border=“0")边框颜色默认黑色
align 设置图像对齐方式
top           图像顶部与同行的文字顶部或者图片的顶部对齐
middle 图像顶部与同行的文字顶部或者图片的中部对齐
bottom 图像顶部与同行的文字顶部或者图片的底部对齐
left 图像在文字的左侧
right 图像在文字的右侧
1 0
原创粉丝点击