web前端第一天学习日记

最新推荐文章于 2022-06-19 10:32:26 发布

sakuuru

最新推荐文章于 2022-06-19 10:32:26 发布

阅读量1.5k

点赞数 1

分类专栏： web前端文章标签： HTML

本文链接：https://blog.csdn.net/sakuuru/article/details/79977561

版权

web前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

HTML简单标签

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

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

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

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

开发工具下载：webstrom，Hbuild

    网页的基本结构：
    <!DOCTYPE html>声明为HTML5
    <html lang="en">
    <head>头部
    <meta charset="UTF-8">-设置网页的编码，UTF-8为简体中文
    <title>Title</title>-设置网页标题
    </head>
    <body>身体
    所有需要显示给用户看的内容都编写在body中
    </body>

</html>

地址：分为绝对地址和相对地址
绝对地址：完整的盘符地址；

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

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

标签：

设置网页标题图标：

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

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

标记名：<h>，从h1~h6一共6个标题级别，数字越大字体越小

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

值：left，center，right

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

标记名:<br/>

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

    标记名:<p>
    常用属性：
    align：设置文本水平对齐方式，值：left center right
    行：没有任何间距
    段落：默认具有段前间距

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

标记名：<ul>和<ol>

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

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

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

使用超链接完成锚点（书签）功能：

⦁ 使用<a name="自定义的锚点名"></a>，在需要的地方定义锚点

    ⦁ 在需要超链接锚点的标记中使用：<a href="#锚点名">标识文本</a>

    插入图像标记：在需要插入图像的地方使用该标记
    标记存在必须属性
    <img src=”图片地址”/>
    默认效果：插入图像的大小是完全按照图片本身大小显示，可以通过设置常用属性来改变默认大小

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

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

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

明天学习CSS。