web前端第一天学习日记

 HTML简单标签

    学习HTML是为了了解web前端技术,今天了解了一些简单的标签。

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

    一般修饰性标记都是成对出现的,有开始<标记名>有结束,需要修改标记默认效果通过在开始标记中添加属性
完整语法:
    <标记名 属性名1=”值” 属性名2=”值”…..>被修饰的内容
特殊的功能性标记:比如换行,插入图像

    <标记名 属性名1=”值” 属性名2=”值”…../>  备注说明:在HTML5中可以省略/

    开发工具下载:webstrom,Hbuild

    网页的基本结构
    声明为HTML5
    
    头部
        -设置网页的编码,UTF-8为简体中文
        Title-设置网页标题
    
    身体
    所有需要显示给用户看的内容都编写在body中
    

    

    地址:分为绝对地址和相对地址
    绝对地址:完整的盘符地址;

    相对地址:参照网页当前地址来查找资源的地址;

    因为webstorm开发时网页的具有一种特殊状态(服务器状态,使用盘符的绝对地址无效,所有一般都使用相对地址)

    标签:

    设置网页标题图标

    

    标题标记:将被修饰的内容显示为标题级别

    所有的文本语言中内容都分为正文和标题

    标记名:,从h1~h6一共6个标题级别,数字越大字体越小

    标题标记常用属性:
    属性名:align
    意义:用于设置标题标记的被修饰文本的水平对齐方式

    值:left,center,right

    换行标记:在出现该标记的地方开始换行功能

    标记名:

    段落标记:将被修饰的内容显示为一个段落

    标记名:


    常用属性:
    align:设置文本水平对齐方式,值:left center right
    行:没有任何间距
    段落:默认具有段前间距


    列表标记:分为有序和无序列表

    标记名:

           注意:列表标记必须配合
    1. (列表项标记)一起使用才有意义
          常用属性:
          type:用于设置有序列表的编号类型和无序列表的符号样式
          ol默认是:type="1",值可以为A, i ,I
          ul默认是:type="disc",值可以为:square(实心正方形) circle(空心圆)


          超链接标记:将被修饰的内容和链接进行绑定
          标记名:
          该标记存在必须指定属性
          
      被修饰内容,作为超链接标识
          说明:默认超链接,具有下划线,标识文本默认为蓝色,点击超链接后默认在当前页面显示新的内容
          常用属性:

          target:设置超链接显示内容的效果,默认为当前页,值为target=”_blank”,在新的窗口显示

          使用超链接完成锚点(书签)功能:

          ⦁ 使用,在需要的地方定义锚点

          ⦁ 在需要超链接锚点的标记中使用:标识文本


          插入图像标记:在需要插入图像的地方使用该标记
          标记存在必须属性
          
          默认效果:插入图像的大小是完全按照图片本身大小显示,可以通过设置常用属性来改变默认大小

          常用属性:
          width:设置图像的宽度,值为像素值,px为单位的值,如:width=”100px”
          height: 设置图像的高度,值为像素值,px为单位的值,如:height=”100px”
          alt:用于设置图像未正常显示的提示文本


           网页中不识别文本编辑上的空格和换行,需要空格和换行必须使用标记来实现

          计算机中只识别英文符号,编辑代码时一定是英文输入法状态

          明天学习CSS。

          

          

          

        

你可能感兴趣的:(web前端)