学习web第一天

开发工具都有:

       Hbulider、webstorm、subline、dreamweaver

客户端:

       PC浏览器、app、移动设备

网页的拓展名:.html

常见的快捷键:

       Ctrl+A 全选、Ctrl+S 保存、Ctrl+Z 撤销、Ctrl+X 剪切、Ctrl+C 复制、Ctrl+V 粘贴、Ctrl+? 是编辑器的注释

命名规则:

       英文、数字、_。

       英文在前数字在后,尽量区分大小写

 

网页介绍:

       网页是由title、网址、body  组成的

       网页内容为标签和文字,结构上是由模块拼凑而成。

网页分类:

       静态网页:网站写好以后不再做修改变动,一般都是展示性的网站

       动态网页:只要通过网络地址发出请求的都是动态网页,有全部的、有局部的。目前大部分网页为动态网页。

charset是编码格式,“UTF-8”是国内常用格式

       

 

html:超文本标记语言,都是由大量的标签构造而成。

标签:

       结构<标签名>分为开始和结束两种,开始<body>,结束</body>

文字:

        1、标题标签:

        <h1></h1> <h2></h2>...<h6></h6>,共六个标签,字体逐渐减小

        2、段落标签:

        <p></p>

        快捷键:p+Tab    4个 p+*+4+Tab

        3、超链接标签:

        <a></a>, 超链接标签是可以跳转的,该功能是由href属性提供的

        

图片标签: <img/>

        

        src是img的一个属性(请求资源),后面的属性值是资源地址(路径)

        img的路径: ./ 为当前文件,../为上级文件

        资源分为本地资源网络资源

        

 

换行标签:<br/>

分割线标签:<hr/>

序列标签:

         a、无序列表  ul    默认项目符号--实心圆

         

 

         b、有序数列  ol    默认 1、2、3、4

         

 

         c、自定义数列  dl

         快捷键:ul>li+*+4+Tab

         通过type属性修改序列形式
         

 

         

 

备注: ctrl+?是注释的快捷键 html语言中的注释是<!--  注释的内容   -->

注释是隐藏内容,注释可以帮助程序员快速了解查找代码。

 

 

单标签和双标签

 

双标签: 有开始和结束标签的叫双标签

 

单标签: 没有结束标签的,自己就能闭合的。(空标签)

 

 今日学习标签:<body></body> 主体标签,<h></h> 标题标签,<p></p>段落标签,<a></a>超链接标签,<img/>图片标签<br/>换行标签<hr/>分割线标签,<ul></ul>无序列表,<ol></ol>有序列表,<dl></dl>自定义列表。(红色为单标签

属性:hreaf 跳转功能 (超链接)

          src  请求资源 (图片标签)  

 

posted on 2018-08-20 16:15  WANGXIN0429  阅读(79)  评论(0)    收藏  举报