18秋网html课件-jikemofan

1.如何创建一个网页

用sublime软件保存一个文件到指定位置。命名为index.html或其他拓展名为.html的文件。

2.什么是HTML?

超文本标记语言(Hyper Text Markup Language)

网页文件的一种

3.文档声明

书写格式:<!DOCTYPE html>

语义:告诉浏览器是用HTML编写的网页!

4.三大标签

<html>

    <head></head>

    <body></body>

</html>

5.无序列表ul 对应子列表li

快捷键 Tab   ul>li*8>a 

<ul>

    <li></li>

</ul>

6.超链接a

<a href="http://baidu.com">百度</a>

7.快捷键:

快速保存:Ctrl+s

快速另存为:Ctrl+Shift+s

新建页面:Ctrl+N

打开控制台:F12

关闭窗口:Ctrl+w

快速将光标定位到地址栏:Alt+D

补全域名:Ctrl+Enter

强制刷新:Ctrl+F5

{} :Shift+[ ] (P键右边的两个字)

8.连接外部样式表

用link标签即可连接外部样式表:

<link rel="stylesheet" href="./css/index.css">


图像标签

文本标签 P span

表单元素

文本输入框

按钮

样式的书写格式

网页默认样式和清除方法

元素的宽高

外边距

内边距

字体大小

行高

文字如何居中

div居中如何实现

块级标签和行内标签

边框

背景图片

伪元素hover

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,844评论 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,879评论 1 45
  • 概述 在网易云课堂学习李南江老师的《从零玩转HTML5前端+跨平台开发》时,所整理的笔记。笔记内容为根据个人需求所...
    墨荀阅读 2,393评论 0 7
  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 6,359评论 2 66
  • 关于发现自己,绝对是人一生的主题。 营销自己,绝对是达到自己所愿的不可缺少的有力手段。 定位这本书,被我誉为穷爸爸...
    小霁桃源阅读 154评论 1 2