web前端第一天学习日记

 HTML简单标签

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

    HTML是超文本标记语言（Hyper Text Markup Language）；

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

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

    开发工具下载：webstrom，Hbuild

    网页的基本结构：
    声明为HTML5
    
    头部
        -设置网页的编码，UTF-8为简体中文
        -设置网页标题
    
    身体
    所有需要显示给用户看的内容都编写在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。